/*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.min.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('fontawesome-webfont.eot?v=4.7.0');src:url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css?ngGlobalStyle ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .owl-item.center{z-index: 5;}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*!********************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css?ngGlobalStyle ***! \********************************************************************************************************************************************************************************************************************************************************************************************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /*!**************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/latex-keyboard/katex/katex-modified.min.css ***! \**************************************************************************************************************************************************************************************************************************************************/ @font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url('KaTeX_AMS-Regular.woff2') format("woff2"),url('KaTeX_AMS-Regular.woff') format("woff"),url('KaTeX_AMS-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url('KaTeX_Caligraphic-Bold.woff2') format("woff2"),url('KaTeX_Caligraphic-Bold.woff') format("woff"),url('KaTeX_Caligraphic-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url('KaTeX_Caligraphic-Regular.woff2') format("woff2"),url('KaTeX_Caligraphic-Regular.woff') format("woff"),url('KaTeX_Caligraphic-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url('KaTeX_Fraktur-Bold.woff2') format("woff2"),url('KaTeX_Fraktur-Bold.woff') format("woff"),url('KaTeX_Fraktur-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url('KaTeX_Fraktur-Regular.woff2') format("woff2"),url('KaTeX_Fraktur-Regular.woff') format("woff"),url('KaTeX_Fraktur-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url('KaTeX_Main-Bold.woff2') format("woff2"),url('KaTeX_Main-Bold.woff') format("woff"),url('KaTeX_Main-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url('KaTeX_Main-BoldItalic.woff2') format("woff2"),url('KaTeX_Main-BoldItalic.woff') format("woff"),url('KaTeX_Main-BoldItalic.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url('KaTeX_Main-Italic.woff2') format("woff2"),url('KaTeX_Main-Italic.woff') format("woff"),url('KaTeX_Main-Italic.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url('KaTeX_Main-Regular.woff2') format("woff2"),url('KaTeX_Main-Regular.woff') format("woff"),url('KaTeX_Main-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url('KaTeX_Math-BoldItalic.woff2') format("woff2"),url('KaTeX_Math-BoldItalic.woff') format("woff"),url('KaTeX_Math-BoldItalic.ttf') format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url('KaTeX_Math-Italic.woff2') format("woff2"),url('KaTeX_Math-Italic.woff') format("woff"),url('KaTeX_Math-Italic.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url('KaTeX_SansSerif-Bold.woff2') format("woff2"),url('KaTeX_SansSerif-Bold.woff') format("woff"),url('KaTeX_SansSerif-Bold.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url('KaTeX_SansSerif-Italic.woff2') format("woff2"),url('KaTeX_SansSerif-Italic.woff') format("woff"),url('KaTeX_SansSerif-Italic.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url('KaTeX_SansSerif-Regular.woff2') format("woff2"),url('KaTeX_SansSerif-Regular.woff') format("woff"),url('KaTeX_SansSerif-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url('KaTeX_Script-Regular.woff2') format("woff2"),url('KaTeX_Script-Regular.woff') format("woff"),url('KaTeX_Script-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url('KaTeX_Size1-Regular.woff2') format("woff2"),url('KaTeX_Size1-Regular.woff') format("woff"),url('KaTeX_Size1-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url('KaTeX_Size2-Regular.woff2') format("woff2"),url('KaTeX_Size2-Regular.woff') format("woff"),url('KaTeX_Size2-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url('KaTeX_Size3-Regular.woff2') format("woff2"),url('KaTeX_Size3-Regular.woff') format("woff"),url('KaTeX_Size3-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url('KaTeX_Size4-Regular.woff2') format("woff2"),url('KaTeX_Size4-Regular.woff') format("woff"),url('KaTeX_Size4-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url('KaTeX_Typewriter-Regular.woff2') format("woff2"),url('KaTeX_Typewriter-Regular.woff') format("woff"),url('KaTeX_Typewriter-Regular.ttf') format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important}.katex .katex-mathml{border:0;clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathdefault{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer,.katex .sizing{display:inline-block}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .op-limits>.vlist-t{text-align:center}.katex .accent>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{border-right:.05em solid;display:inline-block;margin:0 -.025em;min-width:1px}.katex .mtable .vs-dashed{border-right:.05em dashed}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{display:block;fill:currentColor;fill-opacity:1;fill-rule:nonzero;height:inherit;position:absolute;stroke:currentColor;stroke-dasharray:none;stroke-dashoffset:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-width:1;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox{border:.04em solid #000;box-sizing:border-box}.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0} /*!***********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ckeditor5/dist/ckeditor5.css ***! \***********************************************************************************************************************************************************************************************************************************/ /** * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Reset */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-base-foreground: hsl(0, 0%, 98%); --ck-color-base-background: hsl(0, 0%, 100%); --ck-color-base-border: hsl(220, 6%, 81%); --ck-color-base-action: hsl(104, 50.2%, 42.5%); --ck-color-base-focus: hsl(209, 92%, 70%); --ck-color-base-text: hsl(0, 0%, 20%); --ck-color-base-active: hsl(218.1, 100%, 58%); --ck-color-base-active-focus: hsl(218.2, 100%, 52.5%); --ck-color-base-error: hsl(15, 100%, 43%); /* -- Generic colors ------------------------------------------------------------------------ */ --ck-color-focus-border-coordinates: 218, 81.8%, 56.9%; --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates)); --ck-color-focus-outer-shadow: hsl(212.4, 89.3%, 89%); --ck-color-focus-disabled-shadow: hsla(209, 90%, 72%,.3); --ck-color-focus-error-shadow: hsla(9,100%,56%,.3); --ck-color-text: var(--ck-color-base-text); --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.15); --ck-color-shadow-drop-active: hsla(0, 0%, 0%, 0.2); --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1); /* -- Buttons ------------------------------------------------------------------------------- */ --ck-color-button-default-background: transparent; --ck-color-button-default-hover-background: hsl(0, 0%, 94.1%); --ck-color-button-default-active-background: hsl(0, 0%, 94.1%); --ck-color-button-default-disabled-background: transparent; --ck-color-button-on-background: hsl(212, 100%, 97.1%); --ck-color-button-on-hover-background: hsl(211.7, 100%, 92.9%); --ck-color-button-on-active-background: hsl(211.7, 100%, 92.9%); --ck-color-button-on-disabled-background: hsl(211, 15%, 95%); --ck-color-button-on-color: hsl(218.1, 100%, 58%); --ck-color-button-action-background: var(--ck-color-base-action); --ck-color-button-action-hover-background: hsl(104, 53.2%, 40.2%); --ck-color-button-action-active-background: hsl(104, 53.2%, 40.2%); --ck-color-button-action-disabled-background: hsl(104, 44%, 58%); --ck-color-button-action-text: var(--ck-color-base-background); --ck-color-button-save: hsl(120, 100%, 27%); --ck-color-button-cancel: hsl(15, 100%, 43%); --ck-color-switch-button-off-background: hsl(0, 0%, 57.6%); --ck-color-switch-button-off-hover-background: hsl(0, 0%, 49%); --ck-color-switch-button-on-background: var(--ck-color-button-action-background); --ck-color-switch-button-on-hover-background: hsl(104, 53.2%, 40.2%); --ck-color-switch-button-inner-background: var(--ck-color-base-background); --ck-color-switch-button-inner-shadow: hsla(0, 0%, 0%, 0.1); /* -- Dropdown ------------------------------------------------------------------------------ */ --ck-color-dropdown-panel-background: var(--ck-color-base-background); --ck-color-dropdown-panel-border: var(--ck-color-base-border); /* -- Dialog -------------------------------------------------------------------------------- */ --ck-color-dialog-background: var(--ck-custom-background); --ck-color-dialog-form-header-border: var(--ck-custom-border); /* -- Input --------------------------------------------------------------------------------- */ --ck-color-input-background: var(--ck-color-base-background); --ck-color-input-border: var(--ck-color-base-border); --ck-color-input-error-border: var(--ck-color-base-error); --ck-color-input-text: var(--ck-color-base-text); --ck-color-input-disabled-background: hsl(0, 0%, 95%); --ck-color-input-disabled-border: var(--ck-color-base-border); --ck-color-input-disabled-text: hsl(0, 0%, 46%); /* -- List ---------------------------------------------------------------------------------- */ --ck-color-list-background: var(--ck-color-base-background); --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background); --ck-color-list-button-on-background: var(--ck-color-button-on-color); --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color); --ck-color-list-button-on-text: var(--ck-color-base-background); /* -- Panel --------------------------------------------------------------------------------- */ --ck-color-panel-background: var(--ck-color-base-background); --ck-color-panel-border: var(--ck-color-base-border); /* -- Toolbar ------------------------------------------------------------------------------- */ --ck-color-toolbar-background: var(--ck-color-base-background); --ck-color-toolbar-border: var(--ck-color-base-border); /* -- Tooltip ------------------------------------------------------------------------------- */ --ck-color-tooltip-background: var(--ck-color-base-text); --ck-color-tooltip-text: var(--ck-color-base-background); /* -- Engine -------------------------------------------------------------------------------- */ --ck-color-engine-placeholder-text: hsl(0, 0%, 44%); /* -- Upload -------------------------------------------------------------------------------- */ --ck-color-upload-bar-background: hsl(209, 92%, 70%); /* -- Link -------------------------------------------------------------------------------- */ --ck-color-link-default: hsl(240, 100%, 47%); --ck-color-link-selected-background: hsla(201, 100%, 56%, 0.1); --ck-color-link-fake-selection: hsla(201, 100%, 56%, 0.3); /* -- Search result highlight ---------------------------------------------------------------- */ --ck-color-highlight-background: hsl(60, 100%, 50%); /* -- Generic colors ------------------------------------------------------------------------- */ --ck-color-light-red: hsl(0, 100%, 90%); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /** * An opacity value of disabled UI item. */ --ck-disabled-opacity: .5; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /** * The geometry of the of focused element's outer shadow. */ --ck-focus-outer-shadow-geometry: 0 0 0 3px; /** * A visual style of focused element's outer shadow. */ --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow); /** * A visual style of focused element's outer shadow (when disabled). */ --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow); /** * A visual style of focused element's outer shadow (when has errors). */ --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow); /** * A visual style of focused element's border or outline. */ --ck-focus-ring: 1px solid var(--ck-color-focus-border); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-font-size-base: 13px; --ck-line-height-base: 1.84615; --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif; --ck-font-size-tiny: 0.7em; --ck-font-size-small: 0.75em; --ck-font-size-normal: 1em; --ck-font-size-big: 1.4em; --ck-font-size-large: 1.8em; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /* This is super-important. This is **manually** adjusted so a button without an icon is never smaller than a button with icon, additionally making sure that text-less buttons are perfect squares. The value is also shared by other components which should stay "in-line" with buttons. */ --ck-ui-component-min-height: 2.3em; } /** * Resets an element, ignoring its children. */ .ck.ck-reset, .ck.ck-reset_all, .ck-reset_all *:not(.ck-reset_all-excluded *) { box-sizing: border-box; width: auto; height: auto; position: static; /* Do not include inheritable rules here. */ margin: 0; padding: 0; border: 0; background: transparent; text-decoration: none; vertical-align: middle; transition: none; /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/105 */ word-wrap: break-word; } /** * Resets an element AND its children. */ .ck.ck-reset_all, .ck-reset_all *:not(.ck-reset_all-excluded *) { /* These are rule inherited by all children elements. */ border-collapse: collapse; font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face); color: var(--ck-color-text); text-align: left; white-space: nowrap; cursor: auto; float: none; } .ck-reset_all .ck-rtl *:not(.ck-reset_all-excluded *) { text-align: right; } .ck-reset_all iframe:not(.ck-reset_all-excluded *) { /* For IE */ vertical-align: inherit; } .ck-reset_all textarea:not(.ck-reset_all-excluded *) { white-space: pre-wrap; } .ck-reset_all textarea:not(.ck-reset_all-excluded *), .ck-reset_all input[type="text"]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="password"]:not(.ck-reset_all-excluded *) { cursor: text; } .ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="text"][disabled]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="password"][disabled]:not(.ck-reset_all-excluded *) { cursor: default; } .ck-reset_all fieldset:not(.ck-reset_all-excluded *) { padding: 10px; border: 2px groove hsl(255, 7%, 88%); } .ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner { /* See http://stackoverflow.com/questions/5517744/remove-extra-button-spacing-padding-in-firefox */ padding: 0; border: 0 } /** * Default UI rules for RTL languages. */ .ck[dir="rtl"], .ck[dir="rtl"] .ck { text-align: right; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Default border-radius value. */ :root{ --ck-border-radius: 2px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /** * A visual style of element's inner shadow (i.e. input). */ --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset; /** * A visual style of element's drop shadow (i.e. panel). */ --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop); /** * A visual style of element's active shadow (i.e. comment or suggestion). */ --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-spacing-unit: 0.6em; --ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5); --ck-spacing-standard: var(--ck-spacing-unit); --ck-spacing-medium: calc(var(--ck-spacing-unit) * 0.8); --ck-spacing-small: calc(var(--ck-spacing-unit) * 0.5); --ck-spacing-tiny: calc(var(--ck-spacing-unit) * 0.3); --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * 0.16); } /* Components */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ .ck.ck-autocomplete > .ck-search__results { border-radius: 0; max-height: 200px; overflow-y: auto; background: var(--ck-color-base-background); border: 1px solid var(--ck-color-dropdown-panel-border); min-width: auto; } .ck-rounded-corners .ck.ck-autocomplete > .ck-search__results, .ck.ck-autocomplete > .ck-search__results.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-autocomplete > .ck-search__results { box-shadow: var(--ck-drop-shadow), 0 0; } .ck.ck-autocomplete > .ck-search__results.ck-search__results_n { border-bottom-left-radius: 0; border-bottom-right-radius: 0; /* Prevent duplicated borders between the input and the results pane. */ margin-bottom: -1px; } .ck.ck-autocomplete > .ck-search__results.ck-search__results_s { border-top-left-radius: 0; border-top-right-radius: 0; /* Prevent duplicated borders between the input and the results pane. */ margin-top: -1px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements a button of given background color. * * @param {String} $background - Background color of the button. * @param {String} $border - Border color of the button. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-button, a.ck.ck-button { background: var(--ck-color-button-default-background); border-radius: 0; white-space: nowrap; cursor: default; vertical-align: middle; padding: var(--ck-spacing-tiny); text-align: center; /* A very important piece of styling. Go to variable declaration to learn more. */ min-width: var(--ck-ui-component-min-height); min-height: var(--ck-ui-component-min-height); /* Normalize the height of the line. Removing this will break consistent height among text and text-less buttons (with icons). */ line-height: 1; /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; /* Avoid flickering when the foucs border shows up. */ border: 1px solid transparent; /* Apply some smooth transition to the box-shadow and border. */ transition: box-shadow .2s ease-in-out, border .2s ease-in-out; /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/189 */ -webkit-appearance: none; } .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover { background: var(--ck-color-button-default-hover-background); } .ck.ck-button:not(.ck-disabled):active, a.ck.ck-button:not(.ck-disabled):active { background: var(--ck-color-button-default-active-background); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */ .ck.ck-button.ck-disabled, a.ck.ck-button.ck-disabled { background: var(--ck-color-button-default-disabled-background); } .ck-rounded-corners .ck.ck-button, .ck-rounded-corners a.ck.ck-button, .ck.ck-button.ck-rounded-corners, a.ck.ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); } @media (prefers-reduced-motion: reduce) { .ck.ck-button, a.ck.ck-button { transition: none; } } .ck.ck-button:active, a.ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:focus { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } /* Allow icon coloring using the text "color" property. */ .ck.ck-button .ck-button__icon use, a.ck.ck-button .ck-button__icon use, .ck.ck-button .ck-button__icon use *, a.ck.ck-button .ck-button__icon use * { color: inherit; } .ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label { /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; font-weight: inherit; color: inherit; cursor: inherit; /* Must be consistent with .ck-icon's vertical align. Otherwise, buttons with and without labels (but with icons) have different sizes in Chrome */ vertical-align: middle; } [dir="ltr"] .ck.ck-button .ck-button__label, [dir="ltr"] a.ck.ck-button .ck-button__label { text-align: left; } [dir="rtl"] .ck.ck-button .ck-button__label, [dir="rtl"] a.ck.ck-button .ck-button__label { text-align: right; } .ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke { color: inherit; opacity: .5; } [dir="ltr"] .ck.ck-button .ck-button__keystroke, [dir="ltr"] a.ck.ck-button .ck-button__keystroke { margin-left: var(--ck-spacing-large); } [dir="rtl"] .ck.ck-button .ck-button__keystroke, [dir="rtl"] a.ck.ck-button .ck-button__keystroke { margin-right: var(--ck-spacing-large); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */ .ck.ck-button.ck-disabled:active, a.ck.ck-button.ck-disabled:active, .ck.ck-button.ck-disabled:focus, a.ck.ck-button.ck-disabled:focus { /* The disabled button should have a slightly less visible shadow when focused. */ box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0; } .ck.ck-button.ck-disabled .ck-button__icon, a.ck.ck-button.ck-disabled .ck-button__icon { opacity: var(--ck-disabled-opacity); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */ .ck.ck-button.ck-disabled .ck-button__label, a.ck.ck-button.ck-disabled .ck-button__label { opacity: var(--ck-disabled-opacity); } .ck.ck-button.ck-disabled .ck-button__keystroke, a.ck.ck-button.ck-disabled .ck-button__keystroke { opacity: .3; } .ck.ck-button.ck-button_with-text, a.ck.ck-button.ck-button_with-text { padding: var(--ck-spacing-tiny) var(--ck-spacing-standard); /* stylelint-disable-next-line no-descending-specificity */ } [dir="ltr"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="ltr"] a.ck.ck-button.ck-button_with-text .ck-button__icon { margin-right: var(--ck-spacing-medium); } [dir="rtl"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="rtl"] a.ck.ck-button.ck-button_with-text .ck-button__icon { margin-left: var(--ck-spacing-medium); } /* stylelint-disable-next-line no-descending-specificity */ .ck.ck-button.ck-button_with-keystroke .ck-button__label, a.ck.ck-button.ck-button_with-keystroke .ck-button__label { flex-grow: 1; } /* A style of the button which is currently on, e.g. its feature is active. */ .ck.ck-button.ck-on, a.ck.ck-button.ck-on { background: var(--ck-color-button-on-background); color: var(--ck-color-button-on-color); } .ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover { background: var(--ck-color-button-on-hover-background); } .ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):active { background: var(--ck-color-button-on-active-background); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */ .ck.ck-button.ck-on.ck-disabled, a.ck.ck-button.ck-on.ck-disabled { background: var(--ck-color-button-on-disabled-background); } .ck.ck-button.ck-button-save, a.ck.ck-button.ck-button-save { color: var(--ck-color-button-save); } .ck.ck-button.ck-button-cancel, a.ck.ck-button.ck-button-cancel { color: var(--ck-color-button-cancel); } /* A style of the button which handles the primary action. */ .ck.ck-button-action, a.ck.ck-button-action { background: var(--ck-color-button-action-background); color: var(--ck-color-button-action-text); } .ck.ck-button-action:not(.ck-disabled):hover, a.ck.ck-button-action:not(.ck-disabled):hover { background: var(--ck-color-button-action-hover-background); } .ck.ck-button-action:not(.ck-disabled):active, a.ck.ck-button-action:not(.ck-disabled):active { background: var(--ck-color-button-action-active-background); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */ .ck.ck-button-action.ck-disabled, a.ck.ck-button-action.ck-disabled { background: var(--ck-color-button-action-disabled-background); } .ck.ck-button-bold, a.ck.ck-button-bold { font-weight: bold; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Note: To avoid rendering issues (aliasing) but to preserve the responsive nature of the component, floating–point numbers have been used which, for the default font size (see: --ck-font-size-base), will generate simple integers. */ :root { /* 34px at 13px font-size */ --ck-switch-button-toggle-width: 2.6153846154em; /* 14px at 13px font-size */ --ck-switch-button-toggle-inner-size: calc(1.0769230769em + 1px); --ck-switch-button-translation: calc( var(--ck-switch-button-toggle-width) - var(--ck-switch-button-toggle-inner-size) - 2px /* Border */ ); --ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow); } /* Unlike a regular button, the switch button text color and background should never change. * Changing toggle switch (background, outline) is enough to carry the information about the * state of the entire component (https://github.com/ckeditor/ckeditor5/issues/12519) */ .ck.ck-button.ck-switchbutton, .ck.ck-button.ck-switchbutton:hover, .ck.ck-button.ck-switchbutton:focus, .ck.ck-button.ck-switchbutton:active, .ck.ck-button.ck-switchbutton.ck-on:hover, .ck.ck-button.ck-switchbutton.ck-on:focus, .ck.ck-button.ck-switchbutton.ck-on:active { color: inherit; background: transparent; } [dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__label { /* Separate the label from the switch */ margin-right: calc(2 * var(--ck-spacing-large)); } [dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__label { /* Separate the label from the switch */ margin-left: calc(2 * var(--ck-spacing-large)); } .ck.ck-button.ck-switchbutton .ck-button__toggle { border-radius: 0; /* Apply some smooth transition to the box-shadow and border. */ /* Gently animate the background color of the toggle switch */ transition: background 400ms ease, box-shadow .2s ease-in-out, outline .2s ease-in-out; border: 1px solid transparent; width: var(--ck-switch-button-toggle-width); background: var(--ck-color-switch-button-off-background); } .ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle, .ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners { border-radius: var(--ck-border-radius); } [dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__toggle { /* Make sure the toggle is always to the right as far as possible. */ margin-left: auto; } [dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__toggle { /* Make sure the toggle is always to the left as far as possible. */ margin-right: auto; } .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { border-radius: 0; width: var(--ck-switch-button-toggle-inner-size); height: var(--ck-switch-button-toggle-inner-size); background: var(--ck-color-switch-button-inner-background); /* Gently animate the inner part of the toggle switch */ transition: all 300ms ease; } .ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner, .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners { border-radius: var(--ck-border-radius); border-radius: calc(.5 * var(--ck-border-radius)); } @media (prefers-reduced-motion: reduce) { .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { transition: none; } } .ck.ck-button.ck-switchbutton .ck-button__toggle:hover { background: var(--ck-color-switch-button-off-hover-background); } .ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner { box-shadow: var(--ck-switch-button-inner-hover-shadow); } .ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle { opacity: var(--ck-disabled-opacity); } /* Overriding default .ck-button:focus styles + an outline around the toogle */ .ck.ck-button.ck-switchbutton:focus { border-color: transparent; outline: none; box-shadow: none; } .ck.ck-button.ck-switchbutton:focus .ck-button__toggle { box-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow); outline-offset: 1px; outline: var(--ck-focus-ring); } /* stylelint-disable-next-line no-descending-specificity */ .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle { background: var(--ck-color-switch-button-on-background); } .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover { background: var(--ck-color-switch-button-on-hover-background); } /* * Move the toggle switch to the right. It will be animated. */ [dir="ltr"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner { transform: translateX( var( --ck-switch-button-translation ) ); } [dir="rtl"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner { transform: translateX( calc( -1 * var( --ck-switch-button-translation ) ) ); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-button.ck-list-item-button { padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard)); } .ck.ck-button.ck-list-item-button, .ck.ck-button.ck-list-item-button.ck-on { background: var(--ck-color-list-background); color: var(--ck-color-text); } [dir="ltr"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) { padding-left: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) { padding-right: var(--ck-spacing-small); } /* * `.ck-on` class and background styling is overridden for `ck-button` in many places. * This is a workaround to make sure that the background is not overridden and uses similar * selector specificity as the other overrides. */ .ck.ck-button.ck-list-item-button:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover, .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable), .ck.ck-button.ck-list-item-button.ck-on:hover { background: var(--ck-color-list-button-hover-background); } .ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled) { color: var(--ck-color-text); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size)); } .ck.ck-collapsible > .ck.ck-button { width: 100%; font-weight: bold; border-radius: 0; color: inherit; } .ck.ck-collapsible > .ck.ck-button:focus { background: transparent; } .ck.ck-collapsible > .ck.ck-button:active, .ck.ck-collapsible > .ck.ck-button:not(:focus), .ck.ck-collapsible > .ck.ck-button:hover:not(:focus) { background: transparent; border-color: transparent; box-shadow: none; } .ck.ck-collapsible > .ck.ck-button > .ck-icon { margin-right: var(--ck-spacing-medium); width: var(--ck-collapsible-arrow-size); } .ck.ck-collapsible > .ck-collapsible__children { padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large); } .ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon { transform: rotate(-90deg); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-grid-tile-size: 24px; /* Not using global colors here because these may change but some colors in a pallette * require special treatment. For instance, this ensures no matter what the UI text color is, * the check icon will look good on the black color tile. */ --ck-color-color-grid-check-icon: hsl(212, 81%, 46%); } .ck.ck-color-grid { grid-gap: 5px; padding: 8px; } .ck.ck-color-grid__tile { transition: .2s ease box-shadow; } @media (forced-colors: none) { .ck.ck-color-grid__tile { width: var(--ck-color-grid-tile-size); height: var(--ck-color-grid-tile-size); min-width: var(--ck-color-grid-tile-size); min-height: var(--ck-color-grid-tile-size); padding: 0; border: 0; } .ck.ck-color-grid__tile.ck-on, .ck.ck-color-grid__tile:focus:not( .ck-disabled ), .ck.ck-color-grid__tile:hover:not( .ck-disabled ) { /* Disable the default .ck-button's border ring. */ border: 0; } .ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered { box-shadow: 0 0 0 1px var(--ck-color-base-border); } .ck.ck-color-grid__tile.ck-on { box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text); } .ck.ck-color-grid__tile:focus:not( .ck-disabled ), .ck.ck-color-grid__tile:hover:not( .ck-disabled ) { box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border); } } /* * In high contrast mode, the colors are replaced with text labels. * See https://github.com/ckeditor/ckeditor5/issues/14907. */ @media (forced-colors: active) { .ck.ck-color-grid__tile { width: unset; height: unset; min-width: unset; min-height: unset; padding: 0 var(--ck-spacing-small); } .ck.ck-color-grid__tile .ck-button__label { display: inline-block; } } @media (prefers-reduced-motion: reduce) { .ck.ck-color-grid__tile { transition: none; } } .ck.ck-color-grid__tile.ck-disabled { cursor: unset; transition: unset; } .ck.ck-color-grid__tile .ck.ck-icon { display: none; color: var(--ck-color-color-grid-check-icon); } .ck.ck-color-grid__tile.ck-on .ck.ck-icon { display: block; } .ck.ck-color-grid__label { padding: 0 var(--ck-spacing-standard); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* View fragment with color grids. */ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { width: 100%; } .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) { border-top: 1px solid var(--ck-color-base-border); } [dir="ltr"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon { margin-right: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon { margin-left: var(--ck-spacing-standard); } .ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label { font-weight: unset; } /* View fragment with a color picker. */ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker { padding: 8px; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker { height: 100px; min-width: 180px; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) { border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) { border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius); } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer), .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) { width: 15px; height: 15px; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar { padding: 0 8px 8px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 ); --ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%); --ck-dialog-max-width: 100vw; --ck-dialog-max-height: 90vh; --ck-color-dialog-background: var(--ck-color-base-background); --ck-color-dialog-form-header-border: var(--ck-color-base-border); } .ck.ck-dialog-overlay { animation: ck-dialog-fade-in .3s; background: var(--ck-dialog-overlay-background-color); z-index: var(--ck-z-dialog); } .ck.ck-dialog { border-radius: 0; --ck-drop-shadow: var(--ck-dialog-drop-shadow); background: var(--ck-color-dialog-background); max-height: var(--ck-dialog-max-height); max-width: var(--ck-dialog-max-width); border: 1px solid var(--ck-color-base-border); overscroll-behavior: contain; } .ck-rounded-corners .ck.ck-dialog, .ck.ck-dialog.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-dialog { box-shadow: var(--ck-drop-shadow), 0 0; } .ck.ck-dialog .ck.ck-form__header { border-bottom: 1px solid var(--ck-color-dialog-form-header-border); } .ck-dialog-scroll-locked { overflow: hidden; } @keyframes ck-dialog-fade-in { 0% { background: hsla( 0, 0%, 0%, 0 ); } 100% { background: var(--ck-dialog-overlay-background-color); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dialog .ck.ck-dialog__actions { padding: var(--ck-spacing-large); } .ck.ck-dialog .ck.ck-dialog__actions > * + * { margin-left: var(--ck-spacing-large); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size)); } .ck.ck-dropdown { /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; } .ck.ck-dropdown .ck-dropdown__arrow { width: var(--ck-dropdown-arrow-size); } [dir="ltr"] .ck.ck-dropdown .ck-dropdown__arrow { right: var(--ck-spacing-standard); /* A space to accommodate the triangle. */ margin-left: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-dropdown .ck-dropdown__arrow { left: var(--ck-spacing-standard); /* A space to accommodate the triangle. */ margin-right: var(--ck-spacing-small); } .ck.ck-dropdown.ck-disabled .ck-dropdown__arrow { opacity: var(--ck-disabled-opacity); } [dir="ltr"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) { /* Make sure dropdowns with just an icon have the right inner spacing */ padding-left: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) { /* Make sure dropdowns with just an icon have the right inner spacing */ padding-right: var(--ck-spacing-small); } /* #23 */ .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label { width: 7em; overflow: hidden; text-overflow: ellipsis; } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label { opacity: var(--ck-disabled-opacity); } /* https://github.com/ckeditor/ckeditor5/issues/816 */ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label { width: auto; } /* https://github.com/ckeditor/ckeditor5/issues/8699 */ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active { box-shadow: none; } .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus { box-shadow: var(--ck-focus-outer-shadow), 0 0; } .ck.ck-dropdown__panel { border-radius: 0; background: var(--ck-color-dropdown-panel-background); border: 1px solid var(--ck-color-dropdown-panel-border); bottom: 0; /* Make sure the panel is at least as wide as the drop-down's button. */ min-width: 100%; } .ck-rounded-corners .ck.ck-dropdown__panel, .ck.ck-dropdown__panel.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-dropdown__panel { box-shadow: var(--ck-drop-shadow), 0 0; /* Disabled corner border radius to be consistent with the .dropdown__button https://github.com/ckeditor/ckeditor5/issues/816 */ } .ck.ck-dropdown__panel.ck-dropdown__panel_se { border-top-left-radius: 0; } .ck.ck-dropdown__panel.ck-dropdown__panel_sw { border-top-right-radius: 0; } .ck.ck-dropdown__panel.ck-dropdown__panel_ne { border-bottom-left-radius: 0; } .ck.ck-dropdown__panel.ck-dropdown__panel_nw { border-bottom-right-radius: 0; } .ck.ck-dropdown__panel:focus { outline: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ .ck.ck-dropdown > .ck-dropdown__panel > .ck-list { /* Disabled radius of top-left border to be consistent with .dropdown__button https://github.com/ckeditor/ckeditor5/issues/816 */ border-radius: 0; } .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; } /* Make sure the button belonging to the first/last child of the list goes well with the border radius of the entire panel. */ .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button { border-radius: 0; } .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button { border-radius: 0; } .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ :root { --ck-color-split-button-hover-background: hsl(0, 0%, 92%); --ck-color-split-button-hover-border: hsl(0, 0%, 70%); } /* * Note: ck-rounded and ck-dir mixins don't go together (because they both use @nest). */ [dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action { /* Don't round the action button on the right side */ border-top-right-radius: unset; border-bottom-right-radius: unset; } [dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action { /* Don't round the action button on the left side */ border-top-left-radius: unset; border-bottom-left-radius: unset; } .ck.ck-splitbutton > .ck-splitbutton__arrow { /* It's a text-less button and since the icon is positioned absolutely in such situation, it must get some arbitrary min-width. */ min-width: unset; } [dir="ltr"] .ck.ck-splitbutton > .ck-splitbutton__arrow { /* Don't round the arrow button on the left side */ border-top-left-radius: unset; border-bottom-left-radius: unset; } [dir="rtl"] .ck.ck-splitbutton > .ck-splitbutton__arrow { /* Don't round the arrow button on the right side */ border-top-right-radius: unset; border-bottom-right-radius: unset; } .ck.ck-splitbutton > .ck-splitbutton__arrow svg { width: var(--ck-dropdown-arrow-size); } /* Make sure the divider stretches 100% height of the button https://github.com/ckeditor/ckeditor5/issues/10936 */ .ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) { border-top-width: 0px; border-bottom-width: 0px; } /* Don't round the bottom left and right corners of the buttons when "open" https://github.com/ckeditor/ckeditor5/issues/816 */ .ck.ck-splitbutton.ck-splitbutton_open { border-radius: 0; } .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action { border-bottom-left-radius: 0; } .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow { border-bottom-right-radius: 0; } /* When the split button is "open" (the arrow is on) or being hovered, it should get some styling as a whole. The background of both buttons should stand out and there should be a visual separation between both buttons. */ /* When the split button hovered as a whole, not as individual buttons. */ .ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) { background: var(--ck-color-split-button-hover-background); } /* Splitbutton separator needs to be set with the ::after pseudoselector to display properly the borders on focus */ .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after { content: ''; position: absolute; width: 1px; height: 100%; background-color: var(--ck-color-split-button-hover-border); } /* Make sure the divider between the buttons looks fine when the button is focused */ .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus::after { --ck-color-split-button-hover-border: var(--ck-color-focus-border); } [dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after { left: -1px; } [dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after { right: -1px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-toolbar-dropdown .ck-toolbar { border: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements a button of given background color. * * @param {String} $background - Background color of the button. * @param {String} $border - Border color of the button. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * All menu buttons. */ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button { width: 100%; padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard)); border-radius: 0; } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus { border-color: transparent; box-shadow: none; } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) { background: var(--ck-color-button-default-hover-background); } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label { opacity: var(--ck-disabled-opacity); } /* Spacing in buttons that miss the icon. */ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label { margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small)); } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { width: var(--ck-dropdown-arrow-size); } [dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { transform: rotate(-90deg); /* Nudge the arrow gently to the right because its center of gravity is to the left */ margin-right: calc(-1 * var(--ck-spacing-small)); } [dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { transform: rotate(90deg); /* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */ margin-left: calc(-1 * var(--ck-spacing-small)); } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow { opacity: var(--ck-disabled-opacity); } [dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) { padding-left: var(--ck-spacing-small); } [dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { right: var(--ck-spacing-standard); /* A space to accommodate the triangle. */ margin-left: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) { padding-right: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { left: var(--ck-spacing-standard); /* A space to accommodate the triangle. */ margin-right: var(--ck-spacing-small); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-dropdown-menu-menu-item-min-width: 18em; } .ck.ck-dropdown-menu-list__nested-menu__item { min-width: var(--ck-dropdown-menu-menu-item-min-width); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * List item buttons. */ .ck-button.ck-dropdown-menu-list__nested-menu__item__button { border-radius: 0; } .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container, .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner { /* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */ --ck-toolbar-spinner-size: 20px; } .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container { /* These margins are the same as for .ck-icon. */ margin-left: calc(-1 * var(--ck-spacing-small)); margin-right: var(--ck-spacing-small); } /* * Hovered items automatically get focused. Default focus styles look odd * while moving across a huge list of items so let's get rid of them */ .ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus { border-color: transparent; box-shadow: none; } .ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) { background: var(--ck-color-button-default-hover-background); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ :root { --ck-dropdown-menu-menu-panel-max-width: 75vw; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel { box-shadow: var(--ck-drop-shadow), 0 0; background: var(--ck-color-dropdown-panel-background); border: 1px solid var(--ck-color-dropdown-panel-border); bottom: 0; height: -moz-fit-content; height: fit-content; max-width: var(--ck-dropdown-menu-menu-panel-max-width); /* Reset balloon styling */ } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::after, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::before { display: none; } /* Corner border radius consistent with the button. */ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se { border-top-left-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw { border-top-right-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne { border-bottom-left-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw { border-bottom-right-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus { outline: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ :root { --ck-accessibility-help-dialog-max-width: 600px; --ck-accessibility-help-dialog-max-height: 400px; --ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%); --ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%); --ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%); } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content { padding: var(--ck-spacing-large); max-width: var(--ck-accessibility-help-dialog-max-width); max-height: var(--ck-accessibility-help-dialog-max-height); overflow: auto; -webkit-user-select: text; user-select: text; border: 1px solid transparent; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * { white-space: normal; } /* Hide the main label of the content container. */ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label { display: none; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 { font-weight: bold; font-size: 1.2em; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 { font-weight: bold; font-size: 1em; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table { margin: 1em 0; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl { display: grid; grid-template-columns: 2fr 1fr; border-top: 1px solid var(--ck-accessibility-help-dialog-border-color); border-bottom: none; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd { border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color); padding: .4em 0; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt { grid-column-start: 1; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd { grid-column-start: 2; text-align: right; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code { display: inline-block; background: var(--ck-accessibility-help-dialog-code-background-color); padding: .4em; vertical-align: middle; line-height: 1; border-radius: 2px; text-align: center; font-size: .9em; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code { font-family: monospace; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd { min-width: 1.8em; box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color); margin: 0 1px; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd { margin-left: 2px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements a button of given background color. * * @param {String} $background - Background color of the button. * @param {String} $border - Border color of the button. */ :root { --ck-color-editable-blur-selection: hsl(0, 0%, 85%); } .ck.ck-editor__editable:not(.ck-editor__nested-editable) { border-radius: 0; } .ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable), .ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) { border-radius: var(--ck-border-radius); } .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-inner-shadow), 0 0; } .ck.ck-editor__editable_inline { overflow: auto; padding: 0 var(--ck-spacing-standard); border: 1px solid transparent; } .ck.ck-editor__editable_inline[dir="ltr"] { text-align: left; } .ck.ck-editor__editable_inline[dir="rtl"] { text-align: right; } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/116 */ .ck.ck-editor__editable_inline > *:first-child { margin-top: var(--ck-spacing-large); } /* https://github.com/ckeditor/ckeditor5/issues/847 */ .ck.ck-editor__editable_inline > *:last-child { /* * This value should match with the default margins of the block elements (like .media or .image) * to avoid a content jumping when the fake selection container shows up (See https://github.com/ckeditor/ckeditor5/issues/9825). */ margin-bottom: var(--ck-spacing-large); } /* https://github.com/ckeditor/ckeditor5/issues/6517 */ .ck.ck-editor__editable_inline.ck-blurred ::selection { background: var(--ck-color-editable-blur-selection); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/111 */ .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"]::after { border-bottom-color: var(--ck-color-panel-background); } .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"]::after { border-top-color: var(--ck-color-panel-background); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-form-header-height: 44px; } .ck.ck-form__header { padding: var(--ck-spacing-small) var(--ck-spacing-large); height: var(--ck-form-header-height); line-height: var(--ck-form-header-height); border-bottom: 1px solid var(--ck-color-base-border); } [dir="ltr"] .ck.ck-form__header > .ck-icon { margin-right: var(--ck-spacing-medium); } [dir="rtl"] .ck.ck-form__header > .ck-icon { margin-left: var(--ck-spacing-medium); } .ck.ck-form__header .ck-form__header__label { --ck-font-size-base: 15px; font-weight: bold; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal)); --ck-icon-font-size: .8333350694em; } .ck.ck-icon { width: var(--ck-icon-size); height: var(--ck-icon-size); /* Multiplied by the height of the line in "px" should give SVG "viewport" dimensions */ font-size: var(--ck-icon-font-size); /* Inherit cursor style (#5). */ cursor: inherit; /* This will prevent blurry icons on Firefox. See #340. */ will-change: transform; } .ck.ck-icon * { /* Inherit cursor style (#5). */ cursor: inherit; } /* Allows dynamic coloring of an icon by inheriting its color from the parent. */ .ck.ck-icon.ck-icon_inherit-color { color: inherit; } .ck.ck-icon.ck-icon_inherit-color * { color: inherit; } .ck.ck-icon.ck-icon_inherit-color *:not([fill]) { /* Needed by FF. */ fill: currentColor; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ :root { --ck-input-width: 18em; /* Backward compatibility. */ --ck-input-text-width: var(--ck-input-width); } .ck.ck-input { border-radius: 0; background: var(--ck-color-input-background); border: 1px solid var(--ck-color-input-border); padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium); min-width: var(--ck-input-width); /* This is important to stay of the same height as surrounding buttons */ min-height: var(--ck-ui-component-min-height); /* Apply some smooth transition to the box-shadow and border. */ transition: box-shadow .1s ease-in-out, border .1s ease-in-out; } .ck-rounded-corners .ck.ck-input, .ck.ck-input.ck-rounded-corners { border-radius: var(--ck-border-radius); } @media (prefers-reduced-motion: reduce) { .ck.ck-input { transition: none; } } .ck.ck-input:focus { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } .ck.ck-input[readonly] { border: 1px solid var(--ck-color-input-disabled-border); background: var(--ck-color-input-disabled-background); color: var(--ck-color-input-disabled-text); } .ck.ck-input[readonly]:focus { /* The read-only input should have a slightly less visible shadow when focused. */ box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0; } .ck.ck-input.ck-error { border-color: var(--ck-color-input-error-border); animation: ck-input-shake .3s ease both; } @media (prefers-reduced-motion: reduce) { .ck.ck-input.ck-error { animation: none; } } .ck.ck-input.ck-error:focus { box-shadow: var(--ck-focus-error-outer-shadow), 0 0; } @keyframes ck-input-shake { 20% { transform: translateX(-2px); } 40% { transform: translateX(2px); } 60% { transform: translateX(-1px); } 80% { transform: translateX(1px); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-label { font-weight: bold; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ :root { --ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, 0.24, 0.95); --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium); --ck-labeled-field-label-default-position-x: var(--ck-spacing-medium); --ck-labeled-field-label-default-position-y: calc(0.6 * var(--ck-font-size-base)); --ck-color-labeled-field-label-background: var(--ck-color-base-background); } .ck.ck-labeled-field-view { border-radius: 0; } .ck-rounded-corners .ck.ck-labeled-field-view, .ck.ck-labeled-field-view.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper { width: 100%; } .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { top: 0px; pointer-events: none; background: var(--ck-color-labeled-field-label-background); padding: 0 calc(.5 * var(--ck-font-size-tiny)); line-height: initial; font-weight: normal; /* Prevent overflow when the label is longer than the input */ text-overflow: ellipsis; overflow: hidden; max-width: 100%; transition: transform var(--ck-labeled-field-view-transition), padding var(--ck-labeled-field-view-transition), background var(--ck-labeled-field-view-transition); } [dir="ltr"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { left: 0px; transform-origin: 0 0; /* By default, display the label scaled down above the field. */ transform: translate(var(--ck-spacing-medium), -6px) scale(.75); } [dir="rtl"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { right: 0px; transform-origin: 100% 0; transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75); } @media (prefers-reduced-motion: reduce) { .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { transition: none; } } .ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { color: var(--ck-color-base-error); } .ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label { color: var(--ck-color-base-error); } .ck.ck-labeled-field-view .ck-labeled-field-view__status { font-size: var(--ck-font-size-small); margin-top: var(--ck-spacing-small); /* Let the info wrap to the next line to avoid stretching the layout horizontally. The status could be very long. */ white-space: normal; } .ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error { color: var(--ck-color-base-error); } /* Disabled fields and fields that have no focus should fade out. */ .ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { color: var(--ck-color-input-disabled-text); } /* Fields that are disabled or not focused and without a placeholder should have full-sized labels. */ /* stylelint-disable-next-line no-descending-specificity */ .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { /* Compensate for the default translate position. */ max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width)); background: transparent; padding: 0; } [dir="ltr"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="ltr"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1); } [dir="rtl"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="rtl"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1); } /*------ DropdownView integration ----------------------------------------------------------------------------------- */ /* Make sure dropdown' background color in any of dropdown's state does not collide with labeled field. */ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button { background: transparent; } /* When the dropdown is "empty", the labeled field label replaces its label. */ .ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label { opacity: 0; } /* Make sure the label of the empty, unfocused input does not cover the dropdown arrow. */ .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label { max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard)); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-labeled-input .ck-labeled-input__status { font-size: var(--ck-font-size-small); margin-top: var(--ck-spacing-small); /* Let the info wrap to the next line to avoid stretching the layout horizontally. The status could be very long. */ white-space: normal; } .ck.ck-labeled-input .ck-labeled-input__status_error { color: var(--ck-color-base-error); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-list { border-radius: 0; list-style-type: none; background: var(--ck-color-list-background); /* A spacing at the beginning and end of the list */ padding: var(--ck-spacing-small) 0; } .ck-rounded-corners .ck.ck-list, .ck.ck-list.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-list__item { cursor: default; /* Almost as wide as menu bar items. */ min-width: 15em; } .ck.ck-list__item > .ck-button:not(.ck-list-item-button) { padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard)); min-height: unset; width: 100%; border-radius: 0; } [dir="ltr"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) { text-align: left; } [dir="rtl"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) { text-align: right; } .ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label { /* https://github.com/ckeditor/ckeditor5-heading/issues/63 */ line-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base)); } .ck.ck-list__item > .ck-button:not(.ck-list-item-button):active { box-shadow: none; } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button) { background: var(--ck-color-list-button-on-background); color: var(--ck-color-list-button-on-text); } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):active { box-shadow: none; } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled) { background: var(--ck-color-list-button-on-background-focus); } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled) { border-color: var(--ck-color-base-background); } .ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) { background: var(--ck-color-list-button-hover-background); } /* It's unnecessary to change the background/text of a switch toggle; it has different ways of conveying its state (like the switcher) */ .ck.ck-list__item > .ck-button.ck-switchbutton.ck-on { background: var(--ck-color-list-background); color: inherit; } .ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) { background: var(--ck-color-list-button-hover-background); color: inherit; } .ck-list .ck-list__group { padding-top: var(--ck-spacing-medium); /* Lists come with an inner vertical padding. Don't duplicate it. */ } .ck-list .ck-list__group:first-child { padding-top: 0; } /* The group should have a border when it's not the first item. */ *:not(.ck-hidden) ~ .ck-list .ck-list__group { border-top: 1px solid var(--ck-color-base-border); } .ck-list .ck-list__group > .ck-label { font-size: 11px; font-weight: bold; padding: var(--ck-spacing-medium) var(--ck-spacing-large) 0; } .ck.ck-list__separator { height: 1px; width: 100%; background: var(--ck-color-base-border); /* Give the separator some air */ margin: var(--ck-spacing-small) 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-menu-bar { display: flex; flex-wrap: wrap; justify-content: flex-start; background: var(--ck-color-base-background); padding: var(--ck-spacing-small); gap: var(--ck-spacing-small); border: 1px solid var(--ck-color-toolbar-border); width: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-menu-bar__menu { /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level { max-width: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements a button of given background color. * * @param {String} $background - Background color of the button. * @param {String} $border - Border color of the button. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * All menu buttons. */ .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button { width: 100%; } .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; } .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label { opacity: var(--ck-disabled-opacity); } [dir="ltr"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) { padding-left: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) { padding-right: var(--ck-spacing-small); } /* * Top-level menu buttons only. */ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button { padding: var(--ck-spacing-small) var(--ck-spacing-medium); min-height: unset; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label { width: unset; line-height: unset; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon { display: none; } /* * Sub-menu buttons. */ .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button { border-radius: 0; } .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { width: var(--ck-dropdown-arrow-size); } [dir="ltr"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { transform: rotate(-90deg); /* A space to accommodate the triangle. */ margin-left: var(--ck-spacing-standard); /* Nudge the arrow gently to the right because its center of gravity is to the left */ margin-right: calc(-1 * var(--ck-spacing-small)); } [dir="rtl"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { transform: rotate(90deg); left: var(--ck-spacing-standard); /* A space to accommodate the triangle. */ margin-right: var(--ck-spacing-small); /* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */ margin-left: calc(-1 * var(--ck-spacing-small)); } .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow { opacity: var(--ck-disabled-opacity); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-menu-bar-menu-item-min-width: 18em; } .ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item { min-width: var(--ck-menu-bar-menu-item-min-width); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * List item buttons. */ .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button { border-radius: 0; } .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container, .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner { /* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */ --ck-toolbar-spinner-size: 20px; } .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container { /* This ensures margins corresponding to the .ck-icon. */ font-size: var(--ck-icon-font-size); } [dir="ltr"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container { margin-right: var(--ck-spacing-medium); } [dir="rtl"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container { margin-left: var(--ck-spacing-medium); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ :root { --ck-menu-bar-menu-panel-max-width: 75vw; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel { border-radius: 0; background: var(--ck-color-dropdown-panel-background); border: 1px solid var(--ck-color-dropdown-panel-border); bottom: 0; height: -moz-fit-content; height: fit-content; max-width: var(--ck-menu-bar-menu-panel-max-width); } .ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel { box-shadow: var(--ck-drop-shadow), 0 0; /* Corner border radius consistent with the button. */ } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se { border-top-left-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw { border-top-right-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne { border-bottom-left-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw { border-bottom-right-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus { outline: none; } .ck.ck-menu-bar .ck-list-item-button:focus, .ck.ck-menu-bar .ck-list-item-button:active { border-color: transparent; box-shadow: none; } .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus, .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active { /* Fix truncated shadows due to rendering order. */ position: relative; z-index: 2; /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ :root { --ck-balloon-border-width: 1px; --ck-balloon-arrow-offset: 2px; --ck-balloon-arrow-height: 10px; --ck-balloon-arrow-half-width: 8px; --ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop); } .ck.ck-balloon-panel { border-radius: 0; min-height: 15px; background: var(--ck-color-panel-background); border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border); } .ck-rounded-corners .ck.ck-balloon-panel, .ck.ck-balloon-panel.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-balloon-panel { box-shadow: var(--ck-drop-shadow), 0 0; } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before, .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after { width: 0; height: 0; border-style: solid; } .ck.ck-balloon-panel[class*="arrow_n"]::before, .ck.ck-balloon-panel[class*="arrow_n"]::after { border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width); } .ck.ck-balloon-panel[class*="arrow_n"]::before { border-color: transparent transparent var(--ck-color-panel-border) transparent; margin-top: calc( -1 * var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_n"]::after { border-color: transparent transparent var(--ck-color-panel-background) transparent; margin-top: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_s"]::before, .ck.ck-balloon-panel[class*="arrow_s"]::after { border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width); } .ck.ck-balloon-panel[class*="arrow_s"]::before { border-color: var(--ck-color-panel-border) transparent transparent; filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow)); margin-bottom: calc( -1 * var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_s"]::after { border-color: var(--ck-color-panel-background) transparent transparent transparent; margin-bottom: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_e"]::before, .ck.ck-balloon-panel[class*="arrow_e"]::after { border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height); } .ck.ck-balloon-panel[class*="arrow_e"]::before { border-color: transparent transparent transparent var(--ck-color-panel-border); margin-right: calc( -1 * var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_e"]::after { border-color: transparent transparent transparent var(--ck-color-panel-background); margin-right: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_w"]::before, .ck.ck-balloon-panel[class*="arrow_w"]::after { border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0; } .ck.ck-balloon-panel[class*="arrow_w"]::before { border-color: transparent var(--ck-color-panel-border) transparent transparent; margin-left: calc( -1 * var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_w"]::after { border-color: transparent var(--ck-color-panel-background) transparent transparent; margin-left: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_n::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_n::after { left: 50%; margin-left: calc(-1 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::after { left: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::after { right: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_s::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_s::after { left: 50%; margin-left: calc(-1 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::after { left: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_se::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_se::after { right: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::after { right: 25%; margin-right: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::after { left: 25%; margin-left: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::after { right: 25%; margin-right: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::after { left: 25%; margin-left: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_e::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_e::after { right: calc(-1 * var(--ck-balloon-arrow-height)); margin-top: calc(-1 * var(--ck-balloon-arrow-half-width)); top: 50%; } .ck.ck-balloon-panel.ck-balloon-panel_arrow_w::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_w::after { left: calc(-1 * var(--ck-balloon-arrow-height)); margin-top: calc(-1 * var(--ck-balloon-arrow-half-width)); top: 50%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-balloon-rotator__navigation { background: var(--ck-color-toolbar-background); border-bottom: 1px solid var(--ck-color-toolbar-border); padding: 0 var(--ck-spacing-small); /* Let's keep similar appearance to `ck-toolbar`. */ } .ck .ck-balloon-rotator__navigation > * { margin-right: var(--ck-spacing-small); margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); } /* Gives counter more breath than buttons. */ .ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter { margin-right: var(--ck-spacing-standard); /* We need to use smaller margin because of previous button's right margin. */ margin-left: var(--ck-spacing-small); } /* Disable default annotation shadow inside rotator with fake panels. */ .ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper { box-shadow: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ :root { --ck-balloon-fake-panel-offset-horizontal: 6px; --ck-balloon-fake-panel-offset-vertical: 6px; } /* Let's use `.ck-balloon-panel` appearance. See: balloonpanel.css. */ .ck .ck-fake-panel div { box-shadow: var(--ck-drop-shadow), 0 0; min-height: 15px; background: var(--ck-color-panel-background); border: 1px solid var(--ck-color-panel-border); border-radius: var(--ck-border-radius); width: 100%; height: 100%; } .ck .ck-fake-panel div:nth-child( 1 ) { margin-left: var(--ck-balloon-fake-panel-offset-horizontal); margin-top: var(--ck-balloon-fake-panel-offset-vertical); } .ck .ck-fake-panel div:nth-child( 2 ) { margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2); margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2); } .ck .ck-fake-panel div:nth-child( 3 ) { margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3); margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3); } /* If balloon is positioned above element, we need to move fake panel to the top. */ .ck .ck-balloon-panel_arrow_s + .ck-fake-panel, .ck .ck-balloon-panel_arrow_se + .ck-fake-panel, .ck .ck-balloon-panel_arrow_sw + .ck-fake-panel { --ck-balloon-fake-panel-offset-vertical: -6px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky { box-shadow: var(--ck-drop-shadow), 0 0; border-width: 0 1px 1px; border-top-left-radius: 0; border-top-right-radius: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-vertical-form > .ck-button:nth-last-child(2)::after { border-right: 1px solid var(--ck-color-base-border); } .ck.ck-responsive-form { padding: var(--ck-spacing-large); } .ck.ck-responsive-form:focus { /* See: https://github.com/ckeditor/ckeditor5/issues/4773 */ outline: none; } [dir="ltr"] .ck.ck-responsive-form > :not(:first-child) { margin-left: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-responsive-form > :not(:last-child) { margin-left: var(--ck-spacing-standard); } @media screen and (max-width: 600px) { .ck.ck-responsive-form { padding: 0; width: calc(.8 * var(--ck-input-width)); } .ck.ck-responsive-form .ck-labeled-field-view { margin: var(--ck-spacing-large) var(--ck-spacing-large) 0; } .ck.ck-responsive-form .ck-labeled-field-view .ck-input-text, .ck.ck-responsive-form .ck-labeled-field-view .ck-input-number { min-width: 0; width: 100%; } /* Let the long error messages wrap in the narrow form. */ .ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error { white-space: normal; } /* Styles for two last buttons in the form (save&cancel, edit&unlink, etc.). */ .ck.ck-responsive-form > .ck-button:nth-last-child(2)::after { border-right: 1px solid var(--ck-color-base-border); } .ck.ck-responsive-form > .ck-button:nth-last-child(1), .ck.ck-responsive-form > .ck-button:nth-last-child(2) { padding: var(--ck-spacing-standard); margin-top: var(--ck-spacing-large); border-radius: 0; } .ck.ck-responsive-form > .ck-button:nth-last-child(1):not(:focus), .ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus) { border-top: 1px solid var(--ck-color-base-border); } [dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) { margin-left: 0; } [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) { margin-left: 0; } [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1):last-of-type, [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type { border-right: 1px solid var(--ck-color-base-border); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium)); } .ck.ck-search > .ck-labeled-field-view .ck-input { width: 100%; } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon { --ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon { opacity: .5; pointer-events: none; } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input { width: 100%; } [dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input { padding-left: var(--ck-search-field-view-horizontal-spacing); } [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) { padding-left: var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset { --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty { --ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset { min-width: auto; min-height: auto; background: none; opacity: .5; padding: 0; } [dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset { right: var(--ck-spacing-medium); } [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset { left: var(--ck-spacing-medium); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover { opacity: 1; } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input { width: 100%; } [dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty) { padding-right: var(--ck-search-field-view-horizontal-spacing); } [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input { padding-right: var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-search__results { min-width: 100%; } .ck.ck-search > .ck-search__results > .ck-search__info { width: 100%; padding: var(--ck-spacing-medium) var(--ck-spacing-large); } .ck.ck-search > .ck-search__results > .ck-search__info * { white-space: normal; } .ck.ck-search > .ck-search__results > .ck-search__info > span:first-child { font-weight: bold; } .ck.ck-search > .ck-search__results > .ck-search__info > span:last-child { margin-top: var(--ck-spacing-medium); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-toolbar-spinner-size: 18px; } .ck.ck-spinner-container { width: var(--ck-toolbar-spinner-size); height: var(--ck-toolbar-spinner-size); animation: 1.5s infinite ck-spinner-rotate linear; } @media (prefers-reduced-motion: reduce) { .ck.ck-spinner-container { animation-duration: 3s; } } .ck.ck-spinner { width: var(--ck-toolbar-spinner-size); height: var(--ck-toolbar-spinner-size); border-radius: 50%; border: 2px solid var(--ck-color-text); border-top-color: transparent; } @keyframes ck-spinner-rotate { to { transform: rotate(360deg) } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * This fixes a problem in Firefox when the initial height of the complement does not match the number of rows. * This bug is especially visible when rows=1. */ .ck-textarea { overflow-x: hidden } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-block-toolbar-button: var(--ck-color-text); --ck-block-toolbar-button-size: var(--ck-font-size-normal); } .ck.ck-block-toolbar-button { color: var(--ck-color-block-toolbar-button); font-size: var(--ck-block-toolbar-size); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-toolbar { border-radius: 0; background: var(--ck-color-toolbar-background); padding: 0 var(--ck-spacing-small); border: 1px solid var(--ck-color-toolbar-border); } .ck-rounded-corners .ck.ck-toolbar, .ck.ck-toolbar.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-toolbar .ck.ck-toolbar__separator { height: var(--ck-icon-size); width: 1px; min-width: 1px; background: var(--ck-color-toolbar-border); /* * These margins make the separators look better in balloon toolbars (when aligned with the "tip"). * See https://github.com/ckeditor/ckeditor5/issues/7493. */ margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); } .ck.ck-toolbar .ck-toolbar__line-break { height: 0; } .ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break) { /* (#11) Separate toolbar items. */ margin-right: var(--ck-spacing-small); } /* Don't display a separator after an empty items container, for instance, when all items were grouped */ .ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator { display: none; } .ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break), .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown { /* Make sure items wrapped to the next line have v-spacing */ margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); } .ck.ck-toolbar.ck-toolbar_vertical { /* Items in a vertical toolbar span the entire width. */ padding: 0; /* Specificity matters here. See https://github.com/ckeditor/ckeditor5-theme-lark/issues/168. */ } .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck { /* Items in a vertical toolbar should span the horizontal space. */ width: 100%; /* Items in a vertical toolbar should have no margin. */ margin: 0; /* Items in a vertical toolbar span the entire width so rounded corners are pointless. */ border-radius: 0; } .ck.ck-toolbar.ck-toolbar_compact { /* No spacing around items. */ padding: 0; } .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * { /* Compact toolbar items have no spacing between them. */ margin: 0; /* "Middle" children should have no rounded corners. */ } .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) { border-radius: 0; } /* * Dropdown button has asymmetric padding to fit the arrow. * This button has no arrow so let's revert that padding back to normal. */ .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button { padding-left: var(--ck-spacing-tiny); } /* A drop-down containing the nested toolbar with configured items. */ /* Prevent empty space in the panel when the dropdown label is visible and long but the toolbar has few items. */ .ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel { min-width: auto; } .ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label { max-width: 7em; width: auto; } .ck.ck-toolbar:focus { outline: none; } .ck-toolbar-container .ck.ck-toolbar { border: 0; } /* stylelint-disable */ /* * Styles for RTL toolbars. * * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir" * because its parent is not controlled by the editor framework. */ [dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck { margin-right: 0; } [dir="rtl"] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck { /* (#11) Separate toolbar items. */ margin-left: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck:last-child { margin-left: 0; } /* No rounded corners on the right side of the first child. */ [dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* No rounded corners on the left side of the last child. */ [dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* Separate the the separator form the grouping dropdown when some items are grouped. */ [dir="rtl"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="rtl"] > .ck.ck-toolbar__separator { margin-left: var(--ck-spacing-small); } /* Some spacing between the items and the separator before the grouped items dropdown. */ [dir="rtl"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir="rtl"] > .ck-toolbar__items:not(:empty):not(:only-child) { margin-left: var(--ck-spacing-small); } /* * Styles for LTR toolbars. * * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir" * because its parent is not controlled by the editor framework. */ [dir="ltr"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="ltr"] > .ck-toolbar__items > .ck:last-child { margin-right: 0; } /* No rounded corners on the right side of the first child. */ [dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* No rounded corners on the left side of the last child. */ [dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* Separate the the separator form the grouping dropdown when some items are grouped. */ [dir="ltr"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="ltr"] > .ck.ck-toolbar__separator { margin-right: var(--ck-spacing-small); } /* Some spacing between the items and the separator before the grouped items dropdown. */ [dir="ltr"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir="ltr"] > .ck-toolbar__items:not(:empty):not(:only-child) { margin-right: var(--ck-spacing-small); } /* stylelint-enable */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ .ck.ck-balloon-panel.ck-tooltip { --ck-balloon-border-width: 0px; --ck-balloon-arrow-offset: 0px; --ck-balloon-arrow-half-width: 4px; --ck-balloon-arrow-height: 4px; --ck-tooltip-text-padding: 4px; --ck-color-panel-background: var(--ck-color-tooltip-background); padding: 0 var(--ck-spacing-medium); /* Reset balloon panel styles */ box-shadow: none; } .ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text { font-size: .9em; line-height: 1.5; color: var(--ck-color-tooltip-text); } .ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text { white-space: break-spaces; display: inline-block; padding: var(--ck-tooltip-text-padding) 0; max-width: 200px; } /* Hide the default shadow of the .ck-balloon-panel tip */ .ck.ck-balloon-panel.ck-tooltip::before { display: none; } /* Editor */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content { border-radius: 0; border: 1px solid var(--ck-color-base-border); border-bottom-width: 0; } .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content, .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners { border-radius: var(--ck-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky { border-bottom-width: 1px; } .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar { border: 0; border-bottom: 1px solid var(--ck-color-base-border); } .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar { border: 0; } /* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */ .ck.ck-editor__main > .ck-editor__editable { /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/113 */ background: var(--ck-color-base-background); border-radius: 0; } .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) { border-color: var(--ck-color-base-border); } /* Plugins */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-clipboard-drop-target-dot-width: 12px; --ck-clipboard-drop-target-dot-height: 8px; --ck-clipboard-drop-target-color: var(--ck-color-focus-border); } /* * Vertical drop target (in text). */ .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span { bottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height)); top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height)); border: 1px solid var(--ck-clipboard-drop-target-color); background: var(--ck-clipboard-drop-target-color); margin-left: -1px; /* The triangle above the marker */ } .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span::after { content: ''; width: 0; height: 0; display: block; position: absolute; left: 50%; top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height)); transform: translateX(-50%); border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent; border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)); border-style: solid; } /* * Styles of the widget that it a drop target. */ .ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range { outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important; } /* * Styles of the widget being dragged (its preview). */ .ck.ck-editor__editable .ck-widget:-webkit-drag { zoom: 0.6; outline: none !important; } .ck.ck-clipboard-drop-target-line { height: 0; border: 1px solid var(--ck-clipboard-drop-target-color); background: var(--ck-clipboard-drop-target-color); margin-top: -1px; } .ck.ck-clipboard-drop-target-line::before { content: ''; position: absolute; top: calc(-.5 * var(--ck-clipboard-drop-target-dot-width)); width: 0; height: 0; border-style: solid; } [dir="ltr"] .ck.ck-clipboard-drop-target-line::before { left: -1px; border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height); border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color); } [dir="rtl"] .ck.ck-clipboard-drop-target-line::before { right: -1px; border-width:calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0; border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-code-block-label-background: hsl(0, 0%, 46%); } .ck.ck-editor__editable pre[data-language]::after { top: -1px; right: 10px; background: var(--ck-color-code-block-label-background); font-size: 10px; font-family: var(--ck-font-face); line-height: 16px; padding: var(--ck-spacing-tiny) var(--ck-spacing-medium); color: hsl(0, 0%, 100%); white-space: nowrap; } .ck.ck-code-block-dropdown .ck-dropdown__panel { /* There could be dozens of languages available. Use scroll to prevent a 10e6px dropdown. */ max-height: 250px; overflow-y: auto; overflow-x: hidden; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* See ckeditor/ckeditor5#936. */ @media (forced-colors: active) { .ck.ck-placeholder, .ck .ck-placeholder { /* * This is needed for Edge on Windows to use the right color for the placeholder content (::before). * See https://github.com/ckeditor/ckeditor5/issues/14907. */ forced-color-adjust: preserve-parent-color; } } .ck.ck-placeholder::before, .ck .ck-placeholder::before { cursor: text; } @media (forced-colors: none) { .ck.ck-placeholder::before, .ck .ck-placeholder::before { color: var(--ck-color-engine-placeholder-text); } } @media (forced-colors: active) { .ck.ck-placeholder::before, .ck .ck-placeholder::before { /* * In the high contrast mode there is no telling between regular and placeholder text. Using * italic text to address that issue. See https://github.com/ckeditor/ckeditor5/issues/14907. */ font-style: italic; /* * Without this margin, the caret will not show up and blink when the user puts the selection * in the placeholder (Edge on Windows). See https://github.com/ckeditor/ckeditor5/issues/14907. */ margin-left: 1px; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-find-and-replace-form { width: 400px; /* * The
needs tabindex="-1" for proper Esc handling after being clicked * but the side effect is that this creates a nasty focus outline in some browsers. */ } .ck.ck-find-and-replace-form:focus { outline: none; } /* Generic styles for the form inputs and actions. */ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions { flex: 1 1 auto; flex-direction: row; flex-wrap: wrap; align-items: center; align-content: stretch; padding: var(--ck-spacing-large); margin: 0; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button { flex: 0 0 auto; } [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * { margin-left: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * { margin-right: var(--ck-spacing-standard); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view { flex: 1 1 auto; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input { width: 100%; min-width: 50px; } /* Styles specific for inputs area. */ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs { /* To display all controls in line when there's an error under the input */ align-items: flex-start; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon { transform: rotate(90deg); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon { transform: rotate(-90deg); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter { top: 50%; transform: translateY(-50%); color: var(--ck-color-base-border); } [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter { right: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter { left: var(--ck-spacing-standard); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace { flex: 0 0 100%; padding-top: var(--ck-spacing-standard); } [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace { margin-left: 0; } [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace { margin-right: 0; } /* Styles specific for actions area. */ .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions { flex-wrap: wrap; justify-content: flex-end; margin-top: calc( -1 * var(--ck-spacing-large) ); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find { font-weight: bold; /* Beef the find button up a little. It's the main action button in the form */ } .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label { padding-left: var(--ck-spacing-large); padding-right: var(--ck-spacing-large); } .ck.ck-find-and-replace-form .ck-switchbutton { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } @media screen and (max-width: 600px) { .ck.ck-find-and-replace-form { width: 300px; /* Don't let the form overflow from the dialog (https://github.com/cksource/ckeditor5-commercial/issues/5913) */ max-width: 100%; /* Styles specific for inputs area. */ } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input { flex-wrap: wrap; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view { flex: 1 0 auto; width: 100%; margin-bottom: var(--ck-spacing-standard); } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button { text-align: center; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type { flex: 1 1 auto; } [dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type { margin-left: 0; } [dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type { margin-right: 0; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label { width: 100%; text-align: center; } /* Styles specific for actions area. */ .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) { flex-wrap: wrap; flex: 1 1 auto; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button { text-align: center; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type { flex: 1 1 auto; } [dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type { margin-left: 0; } [dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type { margin-right: 0; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label { width: 100%; text-align: center; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Resize dropdown's button label. */ .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label { width: 8em; } .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item { min-width: 18em; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Note: This file should contain the wireframe styles only. But since there are no such styles, * it acts as a message to the builder telling that it should look for the corresponding styles * **in the theme** when compiling the editor. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size)); --ck-html-embed-source-height: 10em; --ck-html-embed-unfocused-outline-width: 1px; --ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard)); --ck-html-embed-source-disabled-background: var(--ck-color-base-foreground); --ck-html-embed-source-disabled-color: hsl(0deg 0% 45%); } /* The feature container. */ .ck-widget.raw-html-embed { font-size: var(--ck-font-size-base); background-color: var(--ck-color-base-foreground); } .ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) { outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border); } /* HTML embed widget itself should respect UI language direction */ .ck-widget.raw-html-embed[dir="ltr"] { text-align: left; } .ck-widget.raw-html-embed[dir="rtl"] { text-align: right; } /* ----- Embed label in the upper left corner ----------------------------------------------- */ .ck-widget.raw-html-embed::before { content: attr(data-html-embed-label); top: calc(-1 * var(--ck-html-embed-unfocused-outline-width)); left: var(--ck-spacing-standard); background: hsl(0deg 0% 60%); transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny); border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius); color: var(--ck-color-base-background); font-size: var(--ck-font-size-tiny); font-family: var(--ck-font-face); } .ck-widget.raw-html-embed[dir="rtl"]::before { left: auto; right: var(--ck-spacing-standard); } /* Make space for label but it only collides in LTR languages */ .ck-widget.raw-html-embed[dir="ltr"] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before { margin-left: 50px; } .ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before { top: 0px; padding: var(--ck-spacing-tiny) var(--ck-spacing-small); } .ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before { top: 0; padding: var(--ck-spacing-tiny) var(--ck-spacing-small); background: var(--ck-color-focus-border); } .ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before { top: 0px; padding: var(--ck-spacing-tiny) var(--ck-spacing-small); } /* ----- Emebed internals --------------------------------------------------------------------- */ .ck-widget.raw-html-embed .raw-html-embed__content-wrapper { padding: var(--ck-spacing-standard); } /* The switch mode button wrapper. */ .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper { top: var(--ck-spacing-standard); right: var(--ck-spacing-standard); } .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button { color: var(--ck-color-button-save); } .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button { color: var(--ck-color-button-cancel); } .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) { margin-top: var(--ck-spacing-small); } .ck-widget.raw-html-embed[dir="rtl"] .raw-html-embed__buttons-wrapper { left: var(--ck-spacing-standard); right: auto; } /* The edit source element. */ .ck-widget.raw-html-embed .raw-html-embed__source { box-sizing: border-box; height: var(--ck-html-embed-source-height); width: var(--ck-html-embed-content-width); resize: none; min-width: 0; padding: var(--ck-spacing-standard); font-family: monospace; -moz-tab-size: 4; tab-size: 4; white-space: pre-wrap; font-size: var(--ck-font-size-base); /* Safari needs this. */ /* HTML code is direction–agnostic. */ text-align: left; direction: ltr; } .ck-widget.raw-html-embed .raw-html-embed__source[disabled] { background: var(--ck-html-embed-source-disabled-background); color: var(--ck-html-embed-source-disabled-color); /* Safari needs this for the proper text color in disabled input (https://github.com/ckeditor/ckeditor5/issues/8320). */ -webkit-text-fill-color: var(--ck-html-embed-source-disabled-color); opacity: 1; } /* The preview data container. */ .ck-widget.raw-html-embed .raw-html-embed__preview { min-height: var(--ck-html-embed-content-min-height); width: var(--ck-html-embed-content-width); /* Disable all mouse interaction as long as the editor is not read–only. */ } .ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview { pointer-events: none; } .ck-widget.raw-html-embed .raw-html-embed__preview-content { box-sizing: border-box; background-color: var(--ck-color-base-foreground); } .ck-widget.raw-html-embed .raw-html-embed__preview-content > * { margin-left: auto; margin-right: auto; } .ck-widget.raw-html-embed .raw-html-embed__preview-placeholder { color: var(--ck-html-embed-source-disabled-color) } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-image-insert-insert-by-url-width: 250px; } .ck.ck-image-insert-url { --ck-input-width: 100%; } .ck.ck-image-insert-url .ck-image-insert-url__action-row { grid-column-gap: var(--ck-spacing-large); margin-top: var(--ck-spacing-large); } .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save, .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel { justify-content: center; min-width: auto; } .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label { color: var(--ck-color-text); } .ck.ck-image-insert-form > .ck.ck-button { display: block; width: 100%; } [dir="ltr"] .ck.ck-image-insert-form > .ck.ck-button { text-align: left; } [dir="rtl"] .ck.ck-image-insert-form > .ck.ck-button { text-align: right; } .ck.ck-image-insert-form > .ck.ck-collapsible { min-width: var(--ck-image-insert-insert-by-url-width); } .ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) { border-top: 1px solid var(--ck-color-base-border); } .ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) { border-bottom: 1px solid var(--ck-color-base-border); } /* This is the case when there are no other integrations configured than insert by URL */ .ck.ck-image-insert-form > .ck.ck-image-insert-url { min-width: var(--ck-image-insert-insert-by-url-width); padding: var(--ck-spacing-large); } .ck.ck-image-insert-form:focus { outline: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-image-upload-icon: hsl(0, 0%, 100%); --ck-color-image-upload-icon-background: hsl(120, 100%, 27%); /* Match the icon size with the linked image indicator brought by the link image feature. */ --ck-image-upload-icon-size: 20; --ck-image-upload-icon-width: 2px; --ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px); } .ck-image-upload-complete-icon { opacity: 0; background: var(--ck-color-image-upload-icon-background); animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide; animation-fill-mode: forwards, forwards; animation-duration: 500ms, 500ms; /* To make animation scalable. */ font-size: calc(1px * var(--ck-image-upload-icon-size)); /* Hide completed upload icon after 3 seconds. */ animation-delay: 0ms, 3000ms; /* * Use CSS math to simulate container queries. * https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things */ overflow: hidden; width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size)); height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size)); /* This is check icon element made from border-width mixed with animations. */ } .ck-image-upload-complete-icon::after { /* Because of border transformation we need to "hard code" left position. */ left: 25%; top: 50%; opacity: 0; height: 0; width: 0; transform: scaleX(-1) rotate(135deg); transform-origin: left top; border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon); border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon); animation-name: ck-upload-complete-icon-check; animation-duration: 500ms; animation-delay: 500ms; animation-fill-mode: forwards; /* #1095. While reset is not providing proper box-sizing for pseudoelements, we need to handle it. */ box-sizing: border-box; } @media (prefers-reduced-motion: reduce) { .ck-image-upload-complete-icon { animation-duration: 0ms; } .ck-image-upload-complete-icon::after { animation: none; opacity: 1; width: 0.3em; height: 0.45em; } } @keyframes ck-upload-complete-icon-show { from { opacity: 0; } to { opacity: 1; } } @keyframes ck-upload-complete-icon-hide { from { opacity: 1; } to { opacity: 0; } } @keyframes ck-upload-complete-icon-check { 0% { opacity: 1; width: 0; height: 0; } 33% { width: 0.3em; height: 0; } 100% { opacity: 1; width: 0.3em; height: 0.45em; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-upload-placeholder-loader: hsl(0, 0%, 70%); --ck-upload-placeholder-loader-size: 32px; --ck-upload-placeholder-image-aspect-ratio: 2.8; } .ck .ck-image-upload-placeholder { /* We need to control the full width of the SVG gray background. */ width: 100%; margin: 0; } .ck .ck-image-upload-placeholder.image-inline { width: calc( 2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio) ); } .ck .ck-image-upload-placeholder img { /* * This is an arbitrary aspect for a 1x1 px GIF to display to the user. Not too tall, not too short. * There's nothing special about this number except that it should make the image placeholder look like * a real image during this short period after the upload started and before the image was read from the * file system (and a rich preview was loaded). */ aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio); } .ck .ck-upload-placeholder-loader { width: 100%; height: 100%; } .ck .ck-upload-placeholder-loader::before { width: var(--ck-upload-placeholder-loader-size); height: var(--ck-upload-placeholder-loader-size); border-radius: 50%; border-top: 3px solid var(--ck-color-upload-placeholder-loader); border-right: 2px solid transparent; animation: ck-upload-placeholder-loader 1s linear infinite; } @keyframes ck-upload-placeholder-loader { to { transform: rotate( 360deg ); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Showing animation. */ .ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear { animation: fadeIn 700ms; } @media (prefers-reduced-motion: reduce) { .ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear { opacity: 1; animation: none; } } /* Upload progress bar. */ .ck.ck-editor__editable .image .ck-progress-bar, .ck.ck-editor__editable .image-inline .ck-progress-bar { height: 2px; width: 0; background: var(--ck-color-upload-bar-background); transition: width 100ms; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Class added to span element surrounding currently selected link. */ .ck .ck-link_selected { background: var(--ck-color-link-selected-background); /* Give linked inline images some outline to let the user know they are also part of the link. */ } .ck .ck-link_selected span.image-inline { outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background); } /* * Classes used by the "fake visual selection" displayed in the content when an input * in the link UI has focus (the browser does not render the native selection in this state). */ .ck .ck-fake-link-selection { background: var(--ck-color-link-fake-selection); } /* A collapsed fake visual selection. */ .ck .ck-fake-link-selection_collapsed { height: 100%; border-right: 1px solid var(--ck-color-base-text); margin-right: -1px; outline: solid 1px hsla(0, 0%, 100%, .5); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Makes element unselectable. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-link-actions .ck-button.ck-link-actions__preview { padding-left: 0; padding-right: 0; } .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label { padding: 0 var(--ck-spacing-medium); color: var(--ck-color-link-default); text-overflow: ellipsis; cursor: pointer; /* Match the box model of the link editor form's input so the balloon does not change width when moving between actions and the form. */ max-width: var(--ck-input-width); min-width: 3em; text-align: center; } .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover { text-decoration: underline; } .ck.ck-link-actions .ck-button.ck-link-actions__preview, .ck.ck-link-actions .ck-button.ck-link-actions__preview:hover, .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus, .ck.ck-link-actions .ck-button.ck-link-actions__preview:active { background: none; } .ck.ck-link-actions .ck-button.ck-link-actions__preview:active { box-shadow: none; } .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label { text-decoration: underline; } [dir="ltr"] .ck.ck-link-actions .ck-button:not(:first-child) { margin-left: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-link-actions .ck-button:not(:last-child) { margin-left: var(--ck-spacing-standard); } @media screen and (max-width: 600px) { .ck.ck-link-actions .ck-button.ck-link-actions__preview { margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0; } .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label { min-width: 0; max-width: 100%; } [dir="ltr"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { margin-left: 0; } [dir="rtl"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { margin-left: 0; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Style link form differently when manual decorators are available. * See: https://github.com/ckeditor/ckeditor5-link/issues/186. */ .ck.ck-link-form_layout-vertical { padding: 0; min-width: var(--ck-input-width); } .ck.ck-link-form_layout-vertical .ck-labeled-field-view { margin: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small); } .ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text { min-width: 0; width: 100%; } .ck.ck-link-form_layout-vertical > .ck-button { padding: var(--ck-spacing-standard); margin: 0; width: 50%; border-radius: 0; } .ck.ck-link-form_layout-vertical > .ck-button:not(:focus) { border-top: 1px solid var(--ck-color-base-border); } [dir="ltr"] .ck.ck-link-form_layout-vertical > .ck-button { margin-left: 0; } [dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button { margin-left: 0; } [dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type { border-right: 1px solid var(--ck-color-base-border); } /* Using additional `.ck` class for stronger CSS specificity than `.ck.ck-link-form > :not(:first-child)`. */ .ck.ck-link-form_layout-vertical .ck.ck-list { margin: 0 var(--ck-spacing-large); } .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton { padding: 0; width: 100%; } .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover { background: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /* Match the icon size with the upload indicator brought by the image upload feature. */ --ck-link-image-indicator-icon-size: 20; --ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px); } /* Linked image indicator */ .ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after { content: ""; /* * Smaller images should have the icon closer to the border. * Match the icon position with the upload indicator brought by the image upload feature. */ top: min(var(--ck-spacing-medium), 6%); right: min(var(--ck-spacing-medium), 6%); background-color: hsla(0, 0%, 0%, .4); background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+"); background-size: 14px; background-repeat: no-repeat; background-position: center; border-radius: 100%; /* * Use CSS math to simulate container queries. * https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things */ overflow: hidden; width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size)); height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size)); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* When there are no list styles and there is no collapsible. */ .ck.ck-list-properties.ck-list-properties_without-styles { padding: var(--ck-spacing-large); } .ck.ck-list-properties.ck-list-properties_without-styles > * { min-width: 14em; } .ck.ck-list-properties.ck-list-properties_without-styles > * + * { margin-top: var(--ck-spacing-standard); } /* * When the numbered list property fields (start at, reversed) should be displayed, * more horizontal space is needed. Reconfigure the style grid to create that space. */ .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list { grid-template-columns: repeat( 4, auto ); } /* When list styles are rendered and property fields are in a collapsible. */ .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible { border-top: 1px solid var(--ck-color-base-border); } .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * { width: 100%; } .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * { margin-top: var(--ck-spacing-standard); } .ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input { min-width: auto; width: 100%; } .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order { background: transparent; padding-left: 0; padding-right: 0; margin-bottom: calc(-1 * var(--ck-spacing-tiny)); } .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active, .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover { box-shadow: none; border-color: transparent; background: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-list-style-button-size: 44px; } .ck.ck-list-styles-list { grid-template-columns: repeat( 3, auto ); row-gap: var(--ck-spacing-medium); -moz-column-gap: var(--ck-spacing-medium); column-gap: var(--ck-spacing-medium); padding: var(--ck-spacing-large); } .ck.ck-list-styles-list .ck-button { /* Make the button look like a thumbnail (the icon "takes it all"). */ width: var(--ck-list-style-button-size); height: var(--ck-list-style-button-size); padding: 0; /* * Buttons are aligned by the grid so disable default button margins to not collide with the * gaps in the grid. */ margin: 0; /* * Make sure the button border (which is displayed on focus, BTW) does not steal pixels * from the button dimensions and, as a result, decrease the size of the icon * (which becomes blurry as it scales down). */ box-sizing: content-box; } .ck.ck-list-styles-list .ck-button .ck-icon { width: var(--ck-list-style-button-size); height: var(--ck-list-style-button-size); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-media-embed-placeholder-icon-size: 3em; --ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%); --ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text); } .ck-media__wrapper { margin: 0 auto; } .ck-media__wrapper .ck-media__placeholder { padding: calc( 3 * var(--ck-spacing-standard) ); background: var(--ck-color-base-foreground); } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon { min-width: var(--ck-media-embed-placeholder-icon-size); height: var(--ck-media-embed-placeholder-icon-size); margin-bottom: var(--ck-spacing-large); background-position: center; background-size: cover; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon { width: 100%; height: 100%; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text { color: var(--ck-color-media-embed-placeholder-url-text); white-space: nowrap; text-align: center; font-style: italic; text-overflow: ellipsis; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: var(--ck-color-media-embed-placeholder-url-text-hover); cursor: pointer; text-decoration: underline; } .ck-media__wrapper[data-oembed-url*="open.spotify.com"] { max-width: 300px; max-height: 380px; } .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder { background: hsl(220, 46%, 48%); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text { color: hsl(220, 100%, 90%); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: hsl(0, 0%, 100%); } .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder { background: linear-gradient(-135deg,hsl(246, 100%, 39%),hsl(302, 100%, 36%),hsl(0, 100%, 48%)); } .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=); } /* stylelint-disable-next-line no-descending-specificity */ .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text { color: hsl(302, 100%, 94%); } .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: hsl(0, 0%, 100%); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder { /* Use gradient to contrast with focused widget (ckeditor/ckeditor5-media-embed#22). */ background: linear-gradient( to right, hsl(201, 85%, 70%), hsl(201, 85%, 35%) ); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text { color: hsl(201, 100%, 86%); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover { color: hsl(0, 0%, 100%); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-mention-background: hsla(341, 100%, 30%, 0.1); --ck-color-mention-text: hsl(341, 100%, 30%); } .ck-content .mention { background: var(--ck-color-mention-background); color: var(--ck-color-mention-text); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2); --ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35); --ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4); --ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5); --ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6); } .ck-editor__editable .restricted-editing-exception { transition: .2s ease-in-out background; background-color: var(--ck-color-restricted-editing-exception-background); border: 1px solid; border-image: linear-gradient( to right, var(--ck-color-restricted-editing-exception-brackets) 0%, var(--ck-color-restricted-editing-exception-brackets) 5px, hsla(0, 0%, 0%, 0) 6px, hsla(0, 0%, 0%, 0) calc(100% - 6px), var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px), var(--ck-color-restricted-editing-exception-brackets) 100% ) 1; } @media (prefers-reduced-motion: reduce) { .ck-editor__editable .restricted-editing-exception { transition: none; } } .ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected { background-color: var(--ck-color-restricted-editing-selected-exception-background); border-image: linear-gradient( to right, var(--ck-color-restricted-editing-selected-exception-brackets) 0%, var(--ck-color-restricted-editing-selected-exception-brackets) 5px, var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px), var(--ck-color-restricted-editing-selected-exception-brackets) 100% ) 1; } .ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed { /* Empty exception should have the same width as exception with at least 1 char */ padding-left: 1ch; } .ck-restricted-editing_mode_restricted { cursor: default; /* We also have to override all elements inside the restricted editable to prevent cursor switching between default and text during the pointer movement. */ } .ck-restricted-editing_mode_restricted * { cursor: default; } .ck-restricted-editing_mode_restricted .restricted-editing-exception { cursor: text; } .ck-restricted-editing_mode_restricted .restricted-editing-exception * { cursor: text; } .ck-restricted-editing_mode_restricted .restricted-editing-exception:hover { background: var(--ck-color-restricted-editing-exception-hover-background); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ :root { --ck-character-grid-tile-size: 24px; } .ck.ck-character-grid { overflow-y: auto; overflow-x: hidden; } .ck.ck-character-grid .ck-character-grid__tiles { grid-template-columns: repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr)); margin: var(--ck-spacing-standard) var(--ck-spacing-large); grid-gap: var(--ck-spacing-standard); } .ck.ck-character-grid .ck-character-grid__tile { width: var(--ck-character-grid-tile-size); height: var(--ck-character-grid-tile-size); min-width: var(--ck-character-grid-tile-size); min-height: var(--ck-character-grid-tile-size); font-size: 1.5em; padding: 0; transition: .2s ease box-shadow; border: 0; } @media (prefers-reduced-motion: reduce) { .ck.ck-character-grid .ck-character-grid__tile { transition: none; } } .ck.ck-character-grid .ck-character-grid__tile:focus:not( .ck-disabled ), .ck.ck-character-grid .ck-character-grid__tile:hover:not( .ck-disabled ) { /* Disable the default .ck-button's border ring. */ border: 0; box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border); } /* Make sure the glyph is rendered in the center of the button */ .ck.ck-character-grid .ck-character-grid__tile .ck-button__label { line-height: var(--ck-character-grid-tile-size); width: 100%; text-align: center; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-character-info { padding: var(--ck-spacing-small) var(--ck-spacing-large); border-top: 1px solid var(--ck-color-base-border); } .ck.ck-character-info > * { text-transform: uppercase; font-size: var(--ck-font-size-small); } .ck.ck-character-info .ck-character-info__name { max-width: 280px; text-overflow: ellipsis; overflow: hidden; } .ck.ck-character-info .ck-character-info__code { opacity: .6; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-special-characters-navigation > .ck-label { max-width: 160px; text-overflow: ellipsis; overflow: hidden; } .ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel { /* There could be dozens of categories available. Use scroll to prevent a 10e6px dropdown. */ max-height: 250px; overflow-y: auto; overflow-x: hidden; } @media screen and (max-width: 600px) { .ck.ck-special-characters-navigation { max-width: 190px; } .ck.ck-special-characters-navigation > .ck-form__header__label { text-overflow: ellipsis; overflow: hidden; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label { font-style: italic; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-style-panel-button-width: 120px; --ck-style-panel-button-height: 80px; --ck-style-panel-button-label-background: hsl(0, 0%, 94.1%); --ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%); --ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%); } .ck.ck-style-panel .ck-style-grid { row-gap: var(--ck-spacing-large); -moz-column-gap: var(--ck-spacing-large); column-gap: var(--ck-spacing-large); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button { --ck-color-button-default-hover-background: var(--ck-color-base-background); --ck-color-button-default-active-background: var(--ck-color-base-background); padding: 0; width: var(--ck-style-panel-button-width); height: var(--ck-style-panel-button-height); /* Let default .ck-button :focus styles apply */ } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) { border: 1px solid var(--ck-color-base-border); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label { height: 22px; line-height: 22px; width: 100%; padding: 0 var(--ck-spacing-medium); overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview { width: 100%; overflow: hidden; opacity: .9; padding: var(--ck-spacing-medium); background: var(--ck-color-base-background); border: 2px solid var(--ck-color-base-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled { --ck-color-button-default-disabled-background: var(--ck-color-base-foreground); /* Let default .ck-button :focus styles apply */ } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) { border-color: var(--ck-style-panel-button-label-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview { opacity: .4; border-color: var(--ck-color-base-foreground); filter: saturate(.3); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on { border-color: var(--ck-color-base-active); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label { box-shadow: 0 -1px 0 var(--ck-color-base-active); z-index: 1; /* Stay on top of the preview with the shadow. */ } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover { border-color: var(--ck-color-base-active-focus); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label { background: var(--ck-style-panel-button-label-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label { background: var(--ck-style-panel-button-hover-label-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) { border-color: var(--ck-style-panel-button-hover-border-color); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview { opacity: 1; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-style-panel .ck-style-panel__style-group > .ck-label { margin: var(--ck-spacing-large) 0; } .ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label { margin-top: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-style-panel-max-height: 470px; } .ck.ck-style-panel { padding: var(--ck-spacing-large); overflow-y: auto; max-height: var(--ck-style-panel-max-height); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ [dir="ltr"] .ck.ck-input-color > .ck.ck-input-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir="rtl"] .ck.ck-input-color > .ck.ck-input-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* Make sure the focused input is always on top of the dropdown button so its outline and border are never cropped (also when the input is read-only). */ .ck.ck-input-color > .ck.ck-input-text:focus { z-index: 0; } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button { padding: 0; } [dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) { border-left: 1px solid transparent; } [dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) { border-right: 1px solid transparent; } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled { background: var(--ck-color-input-disabled-background); } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview { border-radius: 0; width: 20px; height: 20px; border: 1px solid var(--ck-color-input-border); } .ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview, .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator { top: -30%; left: 50%; height: 150%; width: 8%; background: hsl(0, 100%, 50%); border-radius: 2px; transform: rotate(45deg); transform-origin: 50%; } .ck.ck-input-color .ck.ck-input-color__remove-color { width: 100%; padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) { border-bottom: 1px solid var(--ck-color-input-border); } [dir="ltr"] .ck.ck-input-color .ck.ck-input-color__remove-color { border-top-right-radius: 0; } [dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color { border-top-left-radius: 0; } .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon { margin-right: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon { margin-right: 0; margin-left: var(--ck-spacing-standard); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-form { padding: 0 0 var(--ck-spacing-large); } .ck.ck-form:focus { /* See: https://github.com/ckeditor/ckeditor5/issues/4773 */ outline: none; } .ck.ck-form .ck.ck-input-text { min-width: 100%; width: 0; } .ck.ck-form .ck.ck-dropdown { min-width: 100%; } .ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) { border: 1px solid var(--ck-color-base-border); } .ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label { width: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-form__row { padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0; /* Ignore labels that work as fieldset legends */ } [dir="ltr"] .ck.ck-form__row > *:not(.ck-label) + * { margin-left: var(--ck-spacing-large); } [dir="rtl"] .ck.ck-form__row > *:not(.ck-label) + * { margin-right: var(--ck-spacing-large); } .ck.ck-form__row > .ck-label { width: 100%; min-width: 100%; } .ck.ck-form__row.ck-table-form__action-row { margin-top: var(--ck-spacing-large); } .ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label { color: var(--ck-color-text); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-insert-table-dropdown-padding: 10px; --ck-insert-table-dropdown-box-height: 11px; --ck-insert-table-dropdown-box-width: 12px; --ck-insert-table-dropdown-box-margin: 1px; } .ck .ck-insert-table-dropdown__grid { /* The width of a container should match 10 items in a row so there will be a 10x10 grid. */ width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2); padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0; } .ck .ck-insert-table-dropdown__label, .ck[dir=rtl] .ck-insert-table-dropdown__label { text-align: center; } .ck .ck-insert-table-dropdown-grid-box { min-width: var(--ck-insert-table-dropdown-box-width); min-height: var(--ck-insert-table-dropdown-box-height); margin: var(--ck-insert-table-dropdown-box-margin); border: 1px solid var(--ck-color-base-border); border-radius: 1px; outline: none; transition: none; } @media (prefers-reduced-motion: reduce) { .ck .ck-insert-table-dropdown-grid-box { transition: none; } } .ck .ck-insert-table-dropdown-grid-box:focus { box-shadow: none; } .ck .ck-insert-table-dropdown-grid-box.ck-on { border-color: var(--ck-color-focus-border); background: var(--ck-color-focus-outer-shadow); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-table-cell-properties-form { width: 320px; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row { align-self: flex-end; padding: 0; width: 25%; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar { background: none; /* Compensate for missing input label that would push the margin (toolbar has no inputs). */ margin-top: var(--ck-spacing-standard); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3); } /** * While setting outline is fine, the border should not be modified here * because it overrides the default table cell border color which is not expected. * So do not use `@mixin ck-focus-ring;` here, or any other border styles. * See more: https://github.com/ckeditor/ckeditor5/issues/16979 */ .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck-widget.table td.ck-editor__nested-editable:focus, .ck-widget.table th.ck-editor__nested-editable:focus { /* A very slight background to highlight the focused cell */ background: var(--ck-color-selector-focused-cell-background); outline: 1px solid var(--ck-color-focus-border); outline-offset: -1px; /* progressive enhancement - no IE support */ } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ :root { --ck-table-properties-error-arrow-size: 6px; --ck-table-properties-min-error-width: 150px; } .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label { font-size: var(--ck-font-size-tiny); text-align: center; } .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style, .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width { width: 80px; min-width: 80px; max-width: 80px; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row { padding: 0; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width, .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height { margin: 0 } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator { align-self: flex-end; display: inline-block; height: var(--ck-ui-component-min-height); line-height: var(--ck-ui-component-min-height); margin: 0 var(--ck-spacing-small); } .ck.ck-table-form .ck.ck-labeled-field-view { padding-top: var(--ck-spacing-standard); } .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status { border-radius: 0; background: var(--ck-color-base-error); color: var(--ck-color-base-background); padding: var(--ck-spacing-small) var(--ck-spacing-medium); min-width: var(--ck-table-properties-min-error-width); text-align: center; animation: ck-table-form-labeled-view-status-appear .15s ease both; } .ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status, .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners { border-radius: var(--ck-border-radius); } /* The arrow pointing towards the field. */ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after { border-color: transparent transparent var(--ck-color-base-error) transparent; border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size); border-style: solid; } @media (prefers-reduced-motion: reduce) { .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status { animation: none; } } /* Hide the error balloon when the field is blurred. Makes the experience much more clear. */ .ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status { display: none; } @keyframes ck-table-form-labeled-view-status-appear { 0% { opacity: 0; } 100% { opacity: 1; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-table-properties-form { width: 320px; } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row { align-self: flex-end; padding: 0; } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar { background: none; /* Compensate for missing input label that would push the margin (toolbar has no inputs). */ margin-top: var(--ck-spacing-standard); } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * { width: 40px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-table-selected-cell-background: hsla(208, 90%, 80%, .3); } .ck.ck-editor__editable .table table td.ck-editor__editable_selected, .ck.ck-editor__editable .table table th.ck-editor__editable_selected { position: relative; caret-color: transparent; outline: unset; box-shadow: unset; /* https://github.com/ckeditor/ckeditor5/issues/6446 */ } .ck.ck-editor__editable .table table td.ck-editor__editable_selected:after, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after { content: ''; pointer-events: none; background-color: var(--ck-table-selected-cell-background); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection, .ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection, .ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus { background-color: transparent; } /* * To reduce the amount of noise, all widgets in the table selection have no outline and no selection handle. * See https://github.com/ckeditor/ckeditor5/issues/9491. */ .ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget { outline: unset; } .ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-widget-outline-thickness: 3px; --ck-widget-handler-icon-size: 16px; --ck-widget-handler-animation-duration: 200ms; --ck-widget-handler-animation-curve: ease; --ck-color-widget-blurred-border: hsl(0, 0%, 87%); --ck-color-widget-hover-border: hsl(43, 100%, 62%); --ck-color-widget-editable-focus-background: var(--ck-color-base-background); --ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background); } .ck .ck-widget { outline-width: var(--ck-widget-outline-thickness); outline-style: solid; outline-color: transparent; transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); } @media (prefers-reduced-motion: reduce) { .ck .ck-widget { transition: none; } } .ck .ck-widget.ck-widget_selected, .ck .ck-widget.ck-widget_selected:hover { outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border); } .ck .ck-widget:hover { outline-color: var(--ck-color-widget-hover-border); } .ck .ck-editor__nested-editable { border: 1px solid transparent; /* The :focus style is applied before .ck-editor__nested-editable_focused class is rendered in the view. These styles show a different border for a blink of an eye, so `:focus` need to have same styles applied. */ } .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus { box-shadow: var(--ck-inner-shadow), 0 0; } @media (forced-colors: none) { .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus { background-color: var(--ck-color-widget-editable-focus-background); } } /** * Focus border should not be applied to table cells because it overrides the default table cell border color. * In other words - in some scenarios, the part of the table cell border has focus color style, which is not expected behavior * because it should be the same as the table cell border color. */ .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td, th), .ck .ck-editor__nested-editable:focus:not(td, th) { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { padding: 4px; box-sizing: border-box; /* Background and opacity will be animated as the handler shows up or the widget gets selected. */ background-color: transparent; opacity: 0; /* Transition: * background-color for the .ck-widget_selected state change, * visibility for hiding the handler, * opacity for the proper look of the icon when the handler disappears. */ transition: background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); /* Make only top corners round. */ border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0; /* Place the drag handler outside the widget wrapper. */ transform: translateY(-100%); left: calc(0px - var(--ck-widget-outline-thickness)); top: 0; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { transition: none; } } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon { /* Make sure the dimensions of the icon are independent of the fon-size of the content. */ width: var(--ck-widget-handler-icon-size); height: var(--ck-widget-handler-icon-size); color: var(--ck-color-widget-drag-handler-icon-color); /* The "selected" part of the icon is invisible by default */ } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator { opacity: 0; /* Note: The animation is longer on purpose. Simply feels better. */ transition: opacity 300ms var(--ck-widget-handler-animation-curve); } @media (prefers-reduced-motion: reduce) { .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator { transition: none; } } /* Advertise using the look of the icon that once clicked the handler, the widget will be selected. */ .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator { opacity: 1; } /* Show the selection handler on mouse hover over the widget, but not for nested widgets. */ .ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle { opacity: 1; background-color: var(--ck-color-widget-hover-border); } /* Show the selection handler when the widget is selected, but not for nested widgets. */ .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle { opacity: 1; background-color: var(--ck-color-focus-border); /* When the widget is selected, notify the user using the proper look of the icon. */ } .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator { opacity: 1; } /* In a RTL environment, align the selection handler to the right side of the widget */ /* stylelint-disable-next-line no-descending-specificity */ .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { left: auto; right: calc(0px - var(--ck-widget-outline-thickness)); } /* https://github.com/ckeditor/ckeditor5/issues/6415 */ .ck.ck-editor__editable.ck-read-only .ck-widget { /* Prevent the :hover outline from showing up because of the used outline-color transition. */ transition: none; } .ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) { /* Disable visual effects of hover/active widget when CKEditor is in readOnly mode. * See: https://github.com/ckeditor/ckeditor5/issues/1261 * * Leave the unit because this custom property is used in calc() by other features. * See: https://github.com/ckeditor/ckeditor5/issues/6775 */ --ck-widget-outline-thickness: 0px; } .ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle, .ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover { background: var(--ck-color-widget-blurred-border); } /* Style the widget when it's selected but the editable it belongs to lost focus. */ /* stylelint-disable-next-line no-descending-specificity */ .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover { outline-color: var(--ck-color-widget-blurred-border); } .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle:hover { background: var(--ck-color-widget-blurred-border); } .ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child, .ck.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child { /* Do not crop selection handler if a widget is a first-child in the blockquote or in the root editable. In fact, anything with overflow: hidden. https://github.com/ckeditor/ckeditor5-block-quote/issues/28 https://github.com/ckeditor/ckeditor5-widget/issues/44 https://github.com/ckeditor/ckeditor5-widget/issues/66 */ margin-top: calc(1em + var(--ck-widget-handler-icon-size)); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-resizer-size: 10px; /* Set the resizer with a 50% offset. */ --ck-resizer-offset: calc( ( var(--ck-resizer-size) / -2 ) - 2px); --ck-resizer-border-width: 1px; } .ck .ck-widget__resizer { outline: 1px solid var(--ck-color-resizer); } .ck .ck-widget__resizer__handle { width: var(--ck-resizer-size); height: var(--ck-resizer-size); background: var(--ck-color-focus-border); border: var(--ck-resizer-border-width) solid hsl(0, 0%, 100%); border-radius: var(--ck-resizer-border-radius); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left { top: var(--ck-resizer-offset); left: var(--ck-resizer-offset); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right { top: var(--ck-resizer-offset); right: var(--ck-resizer-offset); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right { bottom: var(--ck-resizer-offset); right: var(--ck-resizer-offset); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left { bottom: var(--ck-resizer-offset); left: var(--ck-resizer-offset); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-widget-type-around-button-size: 20px; --ck-color-widget-type-around-button-active: var(--ck-color-focus-border); --ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border); --ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border); --ck-color-widget-type-around-button-radar-start-alpha: 0; --ck-color-widget-type-around-button-radar-end-alpha: .3; --ck-color-widget-type-around-button-icon: var(--ck-color-base-background); } /* * Styles of the type around buttons */ .ck .ck-widget .ck-widget__type-around__button { width: var(--ck-widget-type-around-button-size); height: var(--ck-widget-type-around-button-size); background: var(--ck-color-widget-type-around-button); border-radius: 100px; transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); opacity: 0; pointer-events: none; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget .ck-widget__type-around__button { transition: none; } } .ck .ck-widget .ck-widget__type-around__button svg { width: 10px; height: 8px; transform: translate(-50%,-50%); transition: transform .5s ease; margin-top: 1px; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget .ck-widget__type-around__button svg { transition: none; } } .ck .ck-widget .ck-widget__type-around__button svg * { stroke-dasharray: 10; stroke-dashoffset: 0; fill: none; stroke: var(--ck-color-widget-type-around-button-icon); stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; } .ck .ck-widget .ck-widget__type-around__button svg line { stroke-dasharray: 7; } .ck .ck-widget .ck-widget__type-around__button:hover { /* * Display the "sonar" around the button when hovered. */ animation: ck-widget-type-around-button-sonar 1s ease infinite; /* * Animate active button's icon. */ } .ck .ck-widget .ck-widget__type-around__button:hover svg polyline { animation: ck-widget-type-around-arrow-dash 2s linear; } .ck .ck-widget .ck-widget__type-around__button:hover svg line { animation: ck-widget-type-around-arrow-tip-dash 2s linear; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget .ck-widget__type-around__button:hover { animation: none; } .ck .ck-widget .ck-widget__type-around__button:hover svg polyline { animation: none; } .ck .ck-widget .ck-widget__type-around__button:hover svg line { animation: none; } } /* * Show type around buttons when the widget gets selected or being hovered. */ .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button { opacity: 1; pointer-events: auto; } /* * Styles for the buttons when the widget is NOT selected (but the buttons are visible * and still can be hovered). */ .ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button { background: var(--ck-color-widget-type-around-button-hover); } /* * Styles for the buttons when: * - the widget is selected, * - or the button is being hovered (regardless of the widget state). */ .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover { background: var(--ck-color-widget-type-around-button-active); } .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after { width: calc(var(--ck-widget-type-around-button-size) - 2px); height: calc(var(--ck-widget-type-around-button-size) - 2px); border-radius: 100px; background: linear-gradient(135deg, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,.3) 100%); } /* * Styles for the "before" button when the widget has a selection handle. Because some space * is consumed by the handle, the button must be moved slightly to the right to let it breathe. */ .ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before { margin-left: 20px; } /* * Styles for the horizontal "fake caret" which is displayed when the user navigates using the keyboard. */ .ck .ck-widget .ck-widget__type-around__fake-caret { pointer-events: none; height: 1px; animation: ck-widget-type-around-fake-caret-pulse linear 1s infinite normal forwards; /* * The semi-transparent-outline+background combo improves the contrast * when the background underneath the fake caret is dark. */ outline: solid 1px hsla(0, 0%, 100%, .5); background: var(--ck-color-base-text); } /* * Styles of the widget when the "fake caret" is blinking (e.g. upon keyboard navigation). * Despite the widget being physically selected in the model, its outline should disappear. */ .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before, .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after { outline-color: transparent; } /* * When the "fake caret" is visible we simulate that the widget is not selected * (despite being physically selected), so the outline color should be for the * unselected widget. */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover { outline-color: var(--ck-color-widget-hover-border); } /* * Styles of the type around buttons when the "fake caret" is blinking (e.g. upon keyboard navigation). * In this state, the type around buttons would collide with the fake carets so they should disappear. */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__button { opacity: 0; pointer-events: none; } /* * Fake horizontal caret integration with the selection handle. When the caret is visible, simply * hide the handle because it intersects with the caret (and does not make much sense anyway). */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle { opacity: 0 } /* * Fake horizontal caret integration with the resize UI. When the caret is visible, simply * hide the resize UI because it creates too much noise. It can be visible when the user * hovers the widget, though. */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer { opacity: 0 } /* * Styles for the "before" button when the widget has a selection handle in an RTL environment. * The selection handler is aligned to the right side of the widget so there is no need to create * additional space for it next to the "before" button. */ .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before { margin-left: 0; margin-right: 20px; } /* * Hide type around buttons when the widget is selected as a child of a selected * nested editable (e.g. mulit-cell table selection). * * See https://github.com/ckeditor/ckeditor5/issues/7263. */ .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button { opacity: 0; pointer-events: none; } /* * Styles for the buttons when the widget is selected but the user clicked outside of the editor (blurred the editor). */ .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) { background: var(--ck-color-widget-type-around-button-blurred-editable); } .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * { stroke: hsl(0,0%,60%); } @keyframes ck-widget-type-around-arrow-dash { 0% { stroke-dashoffset: 10; } 20%, 100% { stroke-dashoffset: 0; } } @keyframes ck-widget-type-around-arrow-tip-dash { 0%, 20% { stroke-dashoffset: 7; } 40%, 100% { stroke-dashoffset: 0; } } @keyframes ck-widget-type-around-button-sonar { 0% { box-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha)); } 50% { box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha)); } 100% { box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha)); } } @keyframes ck-widget-type-around-fake-caret-pulse { 0% { opacity: 1; } 49% { opacity: 1; } 50% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content code { background-color: hsla(0, 0%, 78%, 0.3); padding: .15em; border-radius: 2px; } .ck.ck-editor__editable .ck-code_selected { background-color: hsla(0, 0%, 78%, 0.5); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content blockquote { /* See #12 */ overflow: hidden; /* https://github.com/ckeditor/ckeditor5-block-quote/issues/15 */ padding-right: 1.5em; padding-left: 1.5em; margin-left: 0; margin-right: 0; font-style: italic; border-left: solid 5px hsl(0, 0%, 80%); } .ck-content[dir="rtl"] blockquote { border-left: 0; border-right: solid 5px hsl(0, 0%, 80%); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /* Based on default CKBox theme colors */ --ck-image-processing-highlight-color: hsl(220, 10%, 98%); --ck-image-processing-background-color: hsl(220, 10%, 90%); } .ck.ck-editor__editable .image.image-processing { position: relative; } .ck.ck-editor__editable .image.image-processing:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; background: linear-gradient( 90deg, var(--ck-image-processing-background-color), var(--ck-image-processing-highlight-color), var(--ck-image-processing-background-color) ); background-size: 200% 100%; animation: ck-image-processing-animation 2s linear infinite; } .ck.ck-editor__editable .image.image-processing img { height: 100%; } @keyframes ck-image-processing-animation { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Vertical drop target (in text). */ .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position { display: inline; position: relative; pointer-events: none; } .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span { position: absolute; width: 0; } /* * Styles of the widget being dragged (its preview). */ .ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle { display: none; } .ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around { display: none; } .ck.ck-clipboard-drop-target-line { position: absolute; pointer-events: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content pre { padding: 1em; color: hsl(0, 0%, 20.8%); background: hsla(0, 0%, 78%, 0.3); border: 1px solid hsl(0, 0%, 77%); border-radius: 2px; /* Code block are language direction–agnostic. */ text-align: left; direction: ltr; -moz-tab-size: 4; tab-size: 4; white-space: pre-wrap; /* Don't inherit the style, e.g. when in a block quote. */ font-style: normal; /* Don't let the code be squashed e.g. when in a table cell. */ min-width: 200px; } .ck-content pre code { background: unset; padding: 0; border-radius: 0; } .ck.ck-editor__editable pre { position: relative; } .ck.ck-editor__editable pre[data-language]::after { content: attr(data-language); position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-editor { /* All the elements within `.ck-editor` are positioned relatively to it. If any element needs to be positioned with respect to the , etc., it must land outside of the `.ck-editor` in DOM. */ position: relative; } .ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar { /* https://github.com/ckeditor/ckeditor5-editor-classic/issues/62 */ z-index: var(--ck-z-panel); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-menu-bar { border: none; border-bottom: 1px solid var(--ck-color-toolbar-border); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* See ckeditor/ckeditor5#936. */ .ck.ck-placeholder, .ck .ck-placeholder { position: relative; } .ck.ck-placeholder::before, .ck .ck-placeholder::before { position: absolute; left: 0; right: 0; content: attr(data-placeholder); /* See ckeditor/ckeditor5#469. */ pointer-events: none; } /* See ckeditor/ckeditor5#1987. */ .ck.ck-read-only .ck-placeholder::before { display: none; } /* * Rules for the `ck-placeholder` are loaded before the rules for `ck-reset_all` in the base CKEditor 5 DLL build. * This fix overwrites the incorrectly set `position: static` from `ck-reset_all`. * See https://github.com/ckeditor/ckeditor5/issues/11418. */ .ck.ck-reset_all .ck-placeholder { position: relative; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Elements marked by the Renderer as hidden should be invisible in the editor. */ .ck.ck-editor__editable span[data-ck-unsafe-element] { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-find-result { background: var(--ck-color-highlight-background); color: var(--ck-color-text); } .ck-find-result_selected { background: hsl(29, 100%, 60%); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-find-and-replace-form { max-width: 100%; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions { display: flex; /* The inputs area styles */ } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter { position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* The values should be synchronized with the "FONT_SIZE_PRESET_UNITS" object in the "/src/fontsize/utils.js" file. */ /* Styles should be prefixed with the `.ck-content` class. See https://github.com/ckeditor/ckeditor5/issues/6636 */ .ck-content .text-tiny { font-size: .7em; } .ck-content .text-small { font-size: .85em; } .ck-content .text-big { font-size: 1.4em; } .ck-content .text-huge { font-size: 1.8em; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-heading_heading1 .ck-button__label { font-size: 20px; } .ck.ck-heading_heading2 .ck-button__label { font-size: 17px; } .ck.ck-heading_heading3 .ck-button__label { font-size: 14px; } .ck[class*="ck-heading_heading"] { font-weight: bold; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-highlight-marker-yellow: hsl(60, 97%, 73%); --ck-highlight-marker-green: hsl(120, 93%, 68%); --ck-highlight-marker-pink: hsl(345, 96%, 73%); --ck-highlight-marker-blue: hsl(201, 97%, 72%); --ck-highlight-pen-red: hsl(0, 85%, 49%); --ck-highlight-pen-green: hsl(112, 100%, 27%); } .ck-content .marker-yellow { background-color: var(--ck-highlight-marker-yellow); } .ck-content .marker-green { background-color: var(--ck-highlight-marker-green); } .ck-content .marker-pink { background-color: var(--ck-highlight-marker-pink); } .ck-content .marker-blue { background-color: var(--ck-highlight-marker-blue); } .ck-content .pen-red { color: var(--ck-highlight-pen-red); /* Override default yellow background of `` from user agent stylesheet */ background-color: transparent; } .ck-content .pen-green { color: var(--ck-highlight-pen-green); /* Override default yellow background of `` from user agent stylesheet */ background-color: transparent; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-editor__editable .ck-horizontal-line { /* Necessary to render properly next to floated objects, e.g. side image case. */ display: flow-root; } .ck-content hr { margin: 15px 0; height: 4px; background: hsl(0, 0%, 87%); border: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* The feature container. */ .ck-widget.raw-html-embed { /* Give the embed some air. */ /* The first value should be equal to --ck-spacing-large variable if used in the editor context to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */ margin: 0.9em auto; position: relative; display: flow-root; /* Give the html embed some minimal width in the content to prevent them from being "squashed" in tight spaces, e.g. in table cells (https://github.com/ckeditor/ckeditor5/issues/8331) */ min-width: 15em; /* Don't inherit the style, e.g. when in a block quote. */ font-style: normal; /* ----- Emebed label in the upper left corner ----------------------------------------------- */ } .ck-widget.raw-html-embed::before { position: absolute; /* Make sure the content does not cover the label. */ z-index: 1; } /* ----- Emebed internals --------------------------------------------------------------------- */ /* The switch mode button wrapper. */ .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper { position: absolute; display: flex; flex-direction: column; } .ck-widget.raw-html-embed .raw-html-embed__preview { position: relative; overflow: hidden; display: flex; } .ck-widget.raw-html-embed .raw-html-embed__preview-content { width: 100%; position: relative; margin: auto; /* Gives spacing to the small renderable elements, so they always cover the placeholder. */ display: table; border-collapse: separate; border-spacing: 7px; } .ck-widget.raw-html-embed .raw-html-embed__preview-placeholder { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-html-object-embed-unfocused-outline-width: 1px; } .ck-widget.html-object-embed { font-size: var(--ck-font-size-base); background-color: var(--ck-color-base-foreground); padding: var(--ck-spacing-small); /* Leave space for label */ padding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large)); min-width: calc(76px + var(--ck-spacing-standard)); } .ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) { outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border); } .ck-widget.html-object-embed::before { font-weight: normal; font-style: normal; position: absolute; content: attr(data-html-object-embed-label); top: 0; left: var(--ck-spacing-standard); background: hsl(0deg 0% 60%); transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny); border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius); color: var(--ck-color-base-background); font-size: var(--ck-font-size-tiny); font-family: var(--ck-font-face); } /* Make space for label. */ .ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before { margin-left: 50px; } .ck-widget.html-object-embed .html-object-embed__content { /* Disable user interaction with embed content */ pointer-events: none; } div.ck-widget.html-object-embed { margin: 1em auto; } span.ck-widget.html-object-embed { display: inline-block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-image-caption-background: hsl(0, 0%, 97%); --ck-color-image-caption-text: hsl(0, 0%, 20%); --ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%); } /* Content styles */ .ck-content .image > figcaption { display: table-caption; caption-side: bottom; word-break: break-word; color: var(--ck-color-image-caption-text); background-color: var(--ck-color-image-caption-background); padding: .6em; font-size: .75em; outline-offset: -1px; /* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */ } @media (forced-colors: active) { .ck-content .image > figcaption { background-color: unset; color: unset; } } /* Editing styles */ @media (forced-colors: none) { .ck.ck-editor__editable .image > figcaption.image__caption_highlighted { animation: ck-image-caption-highlight .6s ease-out; } } @media (prefers-reduced-motion: reduce) { .ck.ck-editor__editable .image > figcaption.image__caption_highlighted { animation: none; } } @keyframes ck-image-caption-highlight { 0% { background-color: var(--ck-color-image-caption-highlighted-background); } 100% { background-color: var(--ck-color-image-caption-background); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-image-insert-url { width: 400px; padding: var(--ck-spacing-large) var(--ck-spacing-large) 0; } .ck.ck-image-insert-url .ck-image-insert-url__action-row { display: grid; grid-template-columns: repeat(2, 1fr); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Preserve aspect ratio of the resized image after introducing image height attribute. */ .ck-content img.image_resized { height: auto; } .ck-content .image.image_resized { max-width: 100%; /* The `
` element for resized images must not use `display:table` as browsers do not support `max-width` for it well. See https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more. Fortunately, since we control the width, there is no risk that the image will look bad. */ display: block; box-sizing: border-box; } .ck-content .image.image_resized img { /* For resized images it is the `
` element that determines the image width. */ width: 100%; } .ck-content .image.image_resized > figcaption { /* The `
` element uses `display:block`, so `
` also has to. */ display: block; } /* The resized inline image nested in the table should respect its parent size. See https://github.com/ckeditor/ckeditor5/issues/9117. */ .ck.ck-editor__editable td .image-inline.image_resized img, .ck.ck-editor__editable th .image-inline.image_resized img { max-width: 100%; } [dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon { margin-right: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon { margin-left: var(--ck-spacing-standard); } .ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label { width: 4em; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-image-custom-resize-form { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; } .ck.ck-image-custom-resize-form .ck-labeled-field-view { display: inline-block; } .ck.ck-image-custom-resize-form .ck-label { display: none; } @media screen and (max-width: 600px) { .ck.ck-image-custom-resize-form { flex-wrap: wrap; } .ck.ck-image-custom-resize-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-image-custom-resize-form .ck-button { flex-basis: 50%; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-image-style-spacing: 1.5em; --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2); } /* See: https://github.com/ckeditor/ckeditor5/issues/16317 */ /* Provides a minimal side margin for the left and right aligned images, so that the user has a visual feedback confirming successful application of the style if image width exceeds the editor's size. See https://github.com/ckeditor/ckeditor5/issues/9342 */ .ck-content .image.image-style-block-align-left, .ck-content .image.image-style-block-align-right { max-width: calc(100% - var(--ck-image-style-spacing)); } /* Allows displaying multiple floating images in the same line. See https://github.com/ckeditor/ckeditor5/issues/9183#issuecomment-804988132 */ .ck-content .image.image-style-align-left, .ck-content .image.image-style-align-right { clear: none; } .ck-content .image.image-style-side { float: right; margin-left: var(--ck-image-style-spacing); max-width: 50%; } .ck-content .image.image-style-align-left { float: left; margin-right: var(--ck-image-style-spacing); } .ck-content .image.image-style-align-right { float: right; margin-left: var(--ck-image-style-spacing); } .ck-content .image.image-style-block-align-right { margin-right: 0; margin-left: auto; } .ck-content .image.image-style-block-align-left { margin-left: 0; margin-right: auto; } .ck-content .image-style-align-center { margin-left: auto; margin-right: auto; } .ck-content .image-style-align-left { float: left; margin-right: var(--ck-image-style-spacing); } .ck-content .image-style-align-right { float: right; margin-left: var(--ck-image-style-spacing); } /* Simulates margin collapsing with the preceding paragraph, which does not work for the floating elements. */ .ck-content p + .image.image-style-align-left, .ck-content p + .image.image-style-align-right, .ck-content p + .image.image-style-side { margin-top: 0; } .ck-content .image-inline.image-style-align-left, .ck-content .image-inline.image-style-align-right { margin-top: var(--ck-inline-image-style-spacing); margin-bottom: var(--ck-inline-image-style-spacing); } .ck-content .image-inline.image-style-align-left { margin-right: var(--ck-inline-image-style-spacing); } .ck-content .image-inline.image-style-align-right { margin-left: var(--ck-inline-image-style-spacing); } /* The button should display as a regular drop-down if the action button is forced to fire the same action as the arrow button. */ .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) { background-color: var(--ck-color-button-on-background); } .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after { display: none; } .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) { background-color: var(--ck-color-button-on-hover-background); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-text-alternative-form { display: flex; flex-direction: row; flex-wrap: nowrap; } .ck.ck-text-alternative-form .ck-labeled-field-view { display: inline-block; } .ck.ck-text-alternative-form .ck-label { display: none; } @media screen and (max-width: 600px) { .ck.ck-text-alternative-form { flex-wrap: wrap; } .ck.ck-text-alternative-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-text-alternative-form .ck-button { flex-basis: 50%; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline { position: relative; } /* Upload progress bar. */ .ck.ck-editor__editable .image .ck-progress-bar, .ck.ck-editor__editable .image-inline .ck-progress-bar { position: absolute; top: 0; left: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-image-upload-complete-icon { display: block; position: absolute; /* * Smaller images should have the icon closer to the border. * Match the icon position with the linked image indicator brought by the link image feature. */ top: min(var(--ck-spacing-medium), 6%); right: min(var(--ck-spacing-medium), 6%); border-radius: 50%; z-index: 1; } .ck-image-upload-complete-icon::after { content: ""; position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-upload-placeholder-loader { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; } .ck .ck-upload-placeholder-loader::before { content: ''; position: relative; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content .image { display: table; clear: both; text-align: center; /* Make sure there is some space between the content and the image. Center image by default. */ /* The first value should be equal to --ck-spacing-large variable if used in the editor context to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */ margin: 0.9em auto; /* Make sure the caption will be displayed properly (See: https://github.com/ckeditor/ckeditor5/issues/1870). */ min-width: 50px; } .ck-content .image img { /* Prevent unnecessary margins caused by line-height (see #44). */ display: block; /* Center the image if its width is smaller than the content's width. */ margin: 0 auto; /* Make sure the image never exceeds the size of the parent container (ckeditor/ckeditor5-ui#67). */ max-width: 100%; /* Make sure the image is never smaller than the parent container (See: https://github.com/ckeditor/ckeditor5/issues/9300). */ min-width: 100%; /* Keep proportions of the block image if the height is set and the image is wider than the editor width. See https://github.com/ckeditor/ckeditor5/issues/14542. */ height: auto; } .ck-content .image-inline { /* * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing). * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root. * This strange behavior does not happen with inline-flex. */ display: inline-flex; /* While being resized, don't allow the image to exceed the width of the editing root. */ max-width: 100%; /* This is required by Safari to resize images in a sensible way. Without this, the browser breaks the ratio. */ align-items: flex-start; /* When the picture is present it must act as a flex container to let the img resize properly */ } .ck-content .image-inline picture { display: flex; } /* When the picture is present, it must act like a resizable img. */ .ck-content .image-inline picture, .ck-content .image-inline img { /* This is necessary for the img to span the entire .image-inline wrapper and to resize properly. */ flex-grow: 1; flex-shrink: 1; /* Prevents overflowing the editing root boundaries when an inline image is very wide. */ max-width: 100%; } /* * Inhertit the content styles padding of the
in case the integration overrides `text-align: center` * of `.image` (e.g. to the left/right). This ensures the placeholder stays at the padding just like the native * caret does, and not at the edge of
. */ .ck.ck-editor__editable .image > figcaption.ck-placeholder::before { padding-left: inherit; padding-right: inherit; /* * Make sure the image caption placeholder doesn't overflow the placeholder area. * See https://github.com/ckeditor/ckeditor5/issues/9162. */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* * See https://github.com/ckeditor/ckeditor5/issues/15115. */ .ck.ck-editor__editable .image { z-index: 1; /* * Make sure the selected image always stays on top of its siblings. * See https://github.com/ckeditor/ckeditor5/issues/9108. */ } .ck.ck-editor__editable .image.ck-widget_selected { z-index: 2; } /* * See https://github.com/ckeditor/ckeditor5/issues/15115. */ .ck.ck-editor__editable .image-inline { z-index: 1; /* * Make sure the selected inline image always stays on top of its siblings. * See https://github.com/ckeditor/ckeditor5/issues/9108. */ } .ck.ck-editor__editable .image-inline.ck-widget_selected { z-index: 2; /* * Make sure the native browser selection style is not displayed. * Inline image widgets have their own styles for the selected state and * leaving this up to the browser is asking for a visual collision. */ } .ck.ck-editor__editable .image-inline.ck-widget_selected ::selection { display: none; } /* Keep proportions of the inline image if the height is set and the image is wider than the editor width. See https://github.com/ckeditor/ckeditor5/issues/14542. */ .ck.ck-editor__editable .image-inline img { height: auto; } /* The inline image nested in the table should have its original size if not resized. See https://github.com/ckeditor/ckeditor5/issues/9117. */ .ck.ck-editor__editable td .image-inline img, .ck.ck-editor__editable th .image-inline img { max-width: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-editor__editable img.image_placeholder { background-size: 100% 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Linked image indicator */ .ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after { display: block; position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-link-actions { display: flex; flex-direction: row; flex-wrap: nowrap; } .ck.ck-link-actions .ck-link-actions__preview { display: inline-block; } .ck.ck-link-actions .ck-link-actions__preview .ck-button__label { overflow: hidden; } @media screen and (max-width: 600px) { .ck.ck-link-actions { flex-wrap: wrap; } .ck.ck-link-actions .ck-link-actions__preview { flex-basis: 100%; } .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { flex-basis: 50%; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-link-form { display: flex; align-items: flex-start; } .ck.ck-link-form .ck-label { display: none; } @media screen and (max-width: 600px) { .ck.ck-link-form { flex-wrap: wrap; } .ck.ck-link-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-link-form .ck-button { flex-basis: 50%; } } /* * Style link form differently when manual decorators are available. * See: https://github.com/ckeditor/ckeditor5-link/issues/186. */ .ck.ck-link-form_layout-vertical { display: block; /* * Whether the form is in the responsive mode or not, if there are decorator buttons * keep the top margin of action buttons medium. */ } .ck.ck-link-form_layout-vertical .ck-button.ck-button-save, .ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel { margin-top: var(--ck-spacing-medium); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-editor__editable .ck-list-bogus-paragraph { display: block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-list-styles-list { display: grid; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content ol { list-style-type: decimal; } .ck-content ol ol { list-style-type: lower-latin; } .ck-content ol ol ol { list-style-type: lower-roman; } .ck-content ol ol ol ol { list-style-type: upper-latin; } .ck-content ol ol ol ol ol { list-style-type: upper-roman; } .ck-content ul { list-style-type: disc; } .ck-content ul ul { list-style-type: circle; } .ck-content ul ul ul { list-style-type: square; } .ck-content ul ul ul ul { list-style-type: square; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-todo-list-checkmark-size: 16px; } /* * To-do list content styles. */ .ck-content .todo-list { list-style: none; } .ck-content .todo-list li { position: relative; margin-bottom: 5px; } .ck-content .todo-list li .todo-list { margin-top: 5px; } .ck-content .todo-list .todo-list__label > input { -webkit-appearance: none; display: inline-block; position: relative; width: var(--ck-todo-list-checkmark-size); height: var(--ck-todo-list-checkmark-size); vertical-align: middle; /* Needed on iOS */ border: 0; /* LTR styles */ left: -25px; margin-right: -15px; right: 0; margin-left: 0; /* RTL styles */ } .ck-content[dir=rtl] .todo-list .todo-list__label > input { left: 0; margin-right: 0; right: -25px; margin-left: -15px; } .ck-content .todo-list .todo-list__label > input::before { display: block; position: absolute; box-sizing: border-box; content: ''; width: 100%; height: 100%; border: 1px solid hsl(0, 0%, 20%); border-radius: 2px; transition: 250ms ease-in-out box-shadow; } @media (prefers-reduced-motion: reduce) { .ck-content .todo-list .todo-list__label > input::before { transition: none; } } .ck-content .todo-list .todo-list__label > input::after { display: block; position: absolute; box-sizing: content-box; pointer-events: none; content: ''; /* Calculate tick position, size and border-width proportional to the checkmark size. */ left: calc( var(--ck-todo-list-checkmark-size) / 3 ); top: calc( var(--ck-todo-list-checkmark-size) / 5.3 ); width: calc( var(--ck-todo-list-checkmark-size) / 5.3 ); height: calc( var(--ck-todo-list-checkmark-size) / 2.6 ); border-style: solid; border-color: transparent; border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0; transform: rotate(45deg); } .ck-content .todo-list .todo-list__label > input[checked]::before { background: hsl(126, 64%, 41%); border-color: hsl(126, 64%, 41%); } .ck-content .todo-list .todo-list__label > input[checked]::after { border-color: hsl(0, 0%, 100%); } .ck-content .todo-list .todo-list__label .todo-list__label__description { vertical-align: middle; } .ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] { position: absolute; } /* * To-do list editing view styles. */ /* * To-do list should be interactive only during the editing * (https://github.com/ckeditor/ckeditor5/issues/2090). */ .ck-editor__editable.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input { cursor: pointer; } .ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before { box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1); } /* * Document Lists - editing view has an additional span around checkbox. */ .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input { -webkit-appearance: none; display: inline-block; position: relative; width: var(--ck-todo-list-checkmark-size); height: var(--ck-todo-list-checkmark-size); vertical-align: middle; /* Needed on iOS */ border: 0; /* LTR styles */ left: -25px; margin-right: -15px; right: 0; margin-left: 0; /* RTL styles */ } .ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input { left: 0; margin-right: 0; right: -25px; margin-left: -15px; } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before { display: block; position: absolute; box-sizing: border-box; content: ''; width: 100%; height: 100%; border: 1px solid hsl(0, 0%, 20%); border-radius: 2px; transition: 250ms ease-in-out box-shadow; } @media (prefers-reduced-motion: reduce) { .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before { transition: none; } } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after { display: block; position: absolute; box-sizing: content-box; pointer-events: none; content: ''; /* Calculate tick position, size and border-width proportional to the checkmark size. */ left: calc( var(--ck-todo-list-checkmark-size) / 3 ); top: calc( var(--ck-todo-list-checkmark-size) / 5.3 ); width: calc( var(--ck-todo-list-checkmark-size) / 5.3 ); height: calc( var(--ck-todo-list-checkmark-size) / 2.6 ); border-style: solid; border-color: transparent; border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0; transform: rotate(45deg); } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before { background: hsl(126, 64%, 41%); border-color: hsl(126, 64%, 41%); } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after { border-color: hsl(0, 0%, 100%); } .ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] { position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content .media { /* Don't allow floated content overlap the media. https://github.com/ckeditor/ckeditor5-media-embed/issues/53 */ clear: both; /* Make sure there is some space between the content and the media. */ /* The first value should be equal to --ck-spacing-large variable if used in the editor context to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */ margin: 0.9em 0; /* Make sure media is not overriden with Bootstrap default `flex` value. See: https://github.com/ckeditor/ckeditor5/issues/1373. */ display: block; /* Give the media some minimal width in the content to prevent them from being "squashed" in tight spaces, e.g. in table cells (#44) */ min-width: 15em; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-media__wrapper .ck-media__placeholder { display: flex; flex-direction: column; align-items: center; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url { /* Otherwise the URL will overflow when the content is very narrow. */ max-width: 100%; position: relative; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text { overflow: hidden; display: block; } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon * { display: none; } /* Disable all mouse interaction as long as the editor is not read–only. https://github.com/ckeditor/ckeditor5-media-embed/issues/58 */ .ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > *:not(.ck-media__placeholder) { pointer-events: none; } /* Disable all mouse interaction when the widget is not selected (e.g. to avoid opening links by accident). https://github.com/ckeditor/ckeditor5-media-embed/issues/18 */ .ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder { pointer-events: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-vertical-form .ck-button::after { content: ""; width: 0; position: absolute; right: -1px; top: -1px; bottom: -1px; z-index: 1; } .ck-vertical-form .ck-button:focus::after { display: none; } @media screen and (max-width: 600px) { .ck.ck-responsive-form .ck-button::after { content: ""; width: 0; position: absolute; right: -1px; top: -1px; bottom: -1px; z-index: 1; } .ck.ck-responsive-form .ck-button:focus::after { display: none; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-media-form { display: flex; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; width: 400px; } .ck.ck-media-form .ck-labeled-field-view { display: inline-block; width: 100%; } .ck.ck-media-form .ck-label { display: none; } .ck.ck-media-form .ck-input { width: 100%; } @media screen and (max-width: 600px) { .ck.ck-media-form { flex-wrap: wrap; } .ck.ck-media-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-media-form .ck-button { flex-basis: 50%; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-mention-list-max-height: 300px; } .ck.ck-mentions { max-height: var(--ck-mention-list-max-height); overflow-y: auto; /* Prevent unnecessary horizontal scrollbar in Safari https://github.com/ckeditor/ckeditor5-mention/issues/41 */ overflow-x: hidden; overscroll-behavior: contain; /* Prevent unnecessary vertical scrollbar in Safari https://github.com/ckeditor/ckeditor5-mention/issues/41 */ } .ck.ck-mentions > .ck-list__item { overflow: hidden; flex-shrink: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-minimap-tracker-background: 208, 0%, 51%; --ck-color-minimap-iframe-outline: hsl(0deg 0% 75%); --ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%); --ck-color-minimap-progress-background: hsl(0,0%,40%); } .ck.ck-minimap { position: absolute; -webkit-user-select: none; user-select: none; background: var(--ck-color-base-background); } .ck.ck-minimap, .ck.ck-minimap iframe { width: 100%; height: 100%; } .ck.ck-minimap iframe { border: 0; pointer-events: none; position: relative; outline: 1px solid var(--ck-color-minimap-iframe-outline); box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow); margin: 0; } .ck.ck-minimap .ck.ck-minimap__position-tracker { position: absolute; width: 100%; top: 0; background: hsla( var(--ck-color-minimap-tracker-background), .2 ); z-index: 1; transition: background 100ms ease-in-out; } @media (prefers-reduced-motion: reduce) { .ck.ck-minimap .ck.ck-minimap__position-tracker { transition: none; } } .ck.ck-minimap .ck.ck-minimap__position-tracker:hover { background:hsla( var(--ck-color-minimap-tracker-background), .3 ); } .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover { background:hsla( var(--ck-color-minimap-tracker-background), .4 ); } .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover::after { opacity: 1; } .ck.ck-minimap .ck.ck-minimap__position-tracker::after { content: attr(data-progress) "%"; position: absolute; top: 5px; right: 5px; background: var(--ck-color-minimap-progress-background); color: var(--ck-color-base-background); border: 1px solid var(--ck-color-base-background); padding: 2px 4px; font-size: 10px; border-radius: 3px; opacity: 0; transition: opacity 100ms ease-in-out; } @media (prefers-reduced-motion: reduce) { .ck.ck-minimap .ck.ck-minimap__position-tracker::after { transition: none; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content .page-break { position: relative; clear: both; padding: 5px 0; display: flex; align-items: center; justify-content: center; } .ck-content .page-break::after { content: ''; position: absolute; border-bottom: 2px dashed hsl(0, 0%, 77%); width: 100%; } .ck-content .page-break__label { position: relative; z-index: 1; padding: .3em .6em; display: block; text-transform: uppercase; border: 1px solid hsl(0, 0%, 77%); border-radius: 2px; font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif; font-size: 0.75em; font-weight: bold; color: hsl(0, 0%, 20%); background: hsl(0, 0%, 100%); box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15); /* Disable the possibility to select the label text by the user. */ -webkit-user-select: none; user-select: none; } /* Do not show the page break element inside the print preview window. */ @media print { .ck-content .page-break { padding: 0; } .ck-content .page-break::after { display: none; } /* * From time to time placing page-break directly after a block element with margin causes appending a new blank page in pagination mode. * Removing margin-bottom from the block element fixes that issue and the margin is not being moved to the next blank page. * * Keep this in sync with the pagination plugins. */ .ck-content *:has(+ .page-break) { margin-bottom: 0; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-show-blocks-border-color: hsl(0, 0%, 46%); } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,ADDRESS"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,ADDRESS"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,ADDRESS"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,ADDRESS"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,ASIDE"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,ASIDE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,ASIDE"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,ASIDE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,BLOCKQUOTE"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,BLOCKQUOTE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,BLOCKQUOTE"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,BLOCKQUOTE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,DETAILS"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,DETAILS"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,DETAILS"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,DETAILS"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,DIV"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,DIV"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,DIV"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,DIV"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,FOOTER"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,FOOTER"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,FOOTER"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,FOOTER"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,H1"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,H1"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,H1"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,H1"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,H2"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,H2"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,H2"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,H2"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,H3"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,H3"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,H3"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,H3"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,H4"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,H4"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,H4"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,H4"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,H5"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,H5"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,H5"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,H5"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,H6"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,H6"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,H6"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,H6"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,HEADER"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,HEADER"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,HEADER"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,HEADER"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,MAIN"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,MAIN"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,MAIN"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,MAIN"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,NAV"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,NAV"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,NAV"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,NAV"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,PRE"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,PRE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,PRE"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,PRE"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,OL"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,OL"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,OL"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,OL"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,UL"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,UL"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,UL"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,UL"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,P"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,P"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,P"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,P"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,SECTION"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,SECTION"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,SECTION"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,SECTION"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,FIGCAPTION"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,FIGCAPTION"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,FIGCAPTION"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,FIGCAPTION"); background-position: calc(100% - 1px) 1px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ .ck-source-editing-area { position: relative; overflow: hidden; } .ck-source-editing-area::after, .ck-source-editing-area textarea { padding: var(--ck-spacing-large); margin: 0; border: 1px solid transparent; line-height: var(--ck-line-height-base); font-size: var(--ck-font-size-normal); font-family: monospace; white-space: pre-wrap; } .ck-source-editing-area::after { content: attr(data-value) " "; visibility: hidden; display: block; } .ck-source-editing-area textarea { position: absolute; width: 100%; height: 100%; resize: none; outline: none; overflow: hidden; box-sizing: border-box; border-color: var(--ck-color-base-border); border-radius: 0; } .ck-rounded-corners .ck-source-editing-area textarea, .ck-source-editing-area textarea.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .ck-source-editing-area textarea:not([readonly]):focus { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-inner-shadow), 0 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-character-grid { max-width: 100%; } .ck.ck-character-grid .ck-character-grid__tiles { display: grid; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-character-info { display: flex; justify-content: space-between; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Note: This file should contain the wireframe styles only. But since there are no such styles, * it acts as a message to the builder telling that it should look for the corresponding styles * **in the theme** when compiling the editor. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-special-characters > .ck-dialog__content > div { width: 350px; max-width: 100%; height: 100%; display: grid; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories { grid-area: 1 / 1 / 2 / 2; padding: var(--ck-spacing-medium) var(--ck-spacing-large); } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view { padding-top: var(--ck-spacing-standard); width: 100%; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status { background: var(--ck-color-base-error); color: var(--ck-color-base-background); padding: var(--ck-spacing-small) var(--ck-spacing-medium); min-width: var(--ck-table-properties-min-error-width); text-align: center; animation: ck-table-form-labeled-view-status-appear .15s ease both; /* The arrow pointing towards the field. */ } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status::after { border-color: transparent transparent var(--ck-color-base-error) transparent; border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size); border-style: solid; } @media (prefers-reduced-motion: reduce) { .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status { animation: none; } } /* Hide the error balloon when the field is blurred. Makes the experience much more clear. */ .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status { display: none; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view > .ck-label { font-size: var(--ck-font-size-tiny); text-align: center; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown { display: block; width: 100%; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button:not(:focus) { border: 1px solid var(--ck-color-base-border); } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button > span { width: 100%; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-grid { grid-area: 2 / 1 / 3 / 2; max-height: 200px; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-info { grid-area: 3 / 1 / 4 / 2; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-style-panel-columns: 3; } .ck.ck-style-panel .ck-style-grid { display: grid; grid-template-columns: repeat(var(--ck-style-panel-columns),auto); justify-content: start; } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button { display: flex; justify-content: space-between; flex-direction: column; } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview { display: flex; align-content: center; justify-content: flex-start; align-items: center; flex-grow: 1; flex-basis: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content .table { /* Give the table widget some air and center it horizontally */ /* The first value should be equal to --ck-spacing-large variable if used in the editor context to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */ margin: 0.9em auto; display: table; } .ck-content .table table { /* The table cells should have slight borders */ border-collapse: collapse; border-spacing: 0; /* Table width and height are set on the parent
. Make sure the table inside stretches to the full dimensions of the container (https://github.com/ckeditor/ckeditor5/issues/6186). */ width: 100%; height: 100%; /* The outer border of the table should be slightly darker than the inner lines. Also see https://github.com/ckeditor/ckeditor5-table/issues/50. */ border: 1px double hsl(0, 0%, 70%); } .ck-content .table table td, .ck-content .table table th { min-width: 2em; padding: .4em; /* The border is inherited from .ck-editor__nested-editable styles, so theoretically it's not necessary here. However, the border is a content style, so it should use .ck-content (so it works outside the editor). Hence, the duplication. See https://github.com/ckeditor/ckeditor5/issues/6314 */ border: 1px solid hsl(0, 0%, 75%); } .ck-content .table table th { font-weight: bold; background: hsla(0, 0%, 0%, 5%); } /** * Expanding the table to the full height of the parent container is necessary because tables * are rendered inside
elements, which is kinda buggy in table height calculation. * While setting `height: 100%` fixes the issue in the editing mode described here: * https://github.com/ckeditor/ckeditor5/issues/6186 * * it's causing another issue with the table height in the print preview mode here: * https://github.com/ckeditor/ckeditor5/issues/16856 * * For now, resetting the height to `initial` in the print mode works as a workaround. */ @media print { .ck-content .table table { height: initial; } } /* Text alignment of the table header should match the editor settings and override the native browser styling, when content is available outside the editor. See https://github.com/ckeditor/ckeditor5/issues/6638 */ .ck-content[dir="rtl"] .table th { text-align: right; } .ck-content[dir="ltr"] .table th { text-align: left; } .ck-editor__editable .ck-table-bogus-paragraph { /* * Use display:inline-block to force Chrome/Safari to limit text mutations to this element. * See https://github.com/ckeditor/ckeditor5/issues/6062. */ display: inline-block; /* * Inline HTML elements nested in the span should always be dimensioned in relation to the whole cell width. * See https://github.com/ckeditor/ckeditor5/issues/9117. */ width: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-insert-table-dropdown__grid { display: flex; flex-direction: row; flex-wrap: wrap; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-form__row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; /* Ignore labels that work as fieldset legends */ } .ck.ck-form__row > *:not(.ck-label) { flex-grow: 1; } .ck.ck-form__row.ck-table-form__action-row .ck-button-save, .ck.ck-form__row.ck-table-form__action-row .ck-button-cancel { justify-content: center; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row { flex-wrap: wrap; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type { /* 4 buttons out of 7 (h-alignment + v-alignment) = 0.57 */ flex-grow: 0.57; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type { /* 3 buttons out of 7 (h-alignment + v-alignment) = 0.43 */ flex-grow: 0.43; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button { flex-grow: 1; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-input-color { width: 100%; display: flex; flex-direction: row-reverse; } .ck.ck-input-color > input.ck.ck-input-text { min-width: auto; flex-grow: 1; } .ck.ck-input-color > div.ck.ck-dropdown { min-width: auto; /* This dropdown has no arrow but a color preview instead. */ } .ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow { display: none; } .ck.ck-input-color .ck.ck-input-color__button { /* Resolving issue with misaligned buttons on Safari (see #10589) */ display: flex; } .ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview { position: relative; overflow: hidden; } .ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator { position: absolute; display: block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-table-form .ck-form__row.ck-table-form__border-row { flex-wrap: wrap; } .ck.ck-table-form .ck-form__row.ck-table-form__background-row { flex-wrap: wrap; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row { flex-wrap: wrap; align-items: center; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view { display: flex; flex-direction: column-reverse; align-items: center; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown { flex-grow: 0; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator { flex-grow: 0; } .ck.ck-table-form .ck.ck-labeled-field-view { /* Allow absolute positioning of the status (error) balloons. */ position: relative; } .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status { position: absolute; left: 50%; bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) ); transform: translate(-50%,100%); /* Make sure the balloon status stays on top of other form elements. */ z-index: 1; /* The arrow pointing towards the field. */ } .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after { content: ""; position: absolute; top: calc( -1 * var(--ck-table-properties-error-arrow-size) ); left: 50%; transform: translateX( -50% ); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row { flex-wrap: wrap; flex-basis: 0; align-content: baseline; } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items { flex-wrap: nowrap; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-selector-caption-background: hsl(0, 0%, 97%); --ck-color-selector-caption-text: hsl(0, 0%, 20%); --ck-color-selector-caption-highlighted-background: hsl(52deg 100% 50%); } /* Content styles */ .ck-content .table > figcaption { display: table-caption; caption-side: top; word-break: break-word; text-align: center; color: var(--ck-color-selector-caption-text); background-color: var(--ck-color-selector-caption-background); padding: .6em; font-size: .75em; outline-offset: -1px; /* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */ } @media (forced-colors: active) { .ck-content .table > figcaption { background-color: unset; color: unset; } } /* Editing styles */ @media (forced-colors: none) { .ck.ck-editor__editable .table > figcaption.table__caption_highlighted { animation: ck-table-caption-highlight .6s ease-out; } } .ck.ck-editor__editable .table > figcaption.ck-placeholder::before { padding-left: inherit; padding-right: inherit; /* * Make sure the table caption placeholder doesn't overflow the placeholder area. * See https://github.com/ckeditor/ckeditor5/issues/9162. */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @keyframes ck-table-caption-highlight { 0% { background-color: var(--ck-color-selector-caption-highlighted-background); } 100% { background-color: var(--ck-color-selector-caption-background); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-selector-column-resizer-hover: var(--ck-color-base-active); --ck-table-column-resizer-width: 7px; /* The offset used for absolute positioning of the resizer element, so that it is placed exactly above the cell border. The value is: minus half the width of the resizer decreased additionaly by the half the width of the border (0.5px). */ --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px); } .ck-content .table .ck-table-resized { table-layout: fixed; } .ck-content .table table { overflow: hidden; } .ck-content .table td, .ck-content .table th { /* To prevent text overflowing beyond its cell when columns are resized by resize handler (https://github.com/ckeditor/ckeditor5/pull/14379#issuecomment-1589460978). */ overflow-wrap: break-word; position: relative; } .ck.ck-editor__editable .table .ck-table-column-resizer { position: absolute; top: 0; bottom: 0; right: var(--ck-table-column-resizer-position-offset); width: var(--ck-table-column-resizer-width); cursor: col-resize; -webkit-user-select: none; user-select: none; z-index: var(--ck-z-default); } .ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer { display: none; } /* The resizer elements, which are extended to an extremely high height, break the drag & drop feature in Chrome. To make it work again, all resizers must be hidden while the table is dragged. */ .ck.ck-editor__editable .table[draggable] .ck-table-column-resizer { display: none; } .ck.ck-editor__editable .table .ck-table-column-resizer:hover, .ck.ck-editor__editable .table .ck-table-column-resizer__active { background-color: var(--ck-color-selector-column-resizer-hover); opacity: 0.25; /* The resizer element resides in each cell so to occupy the entire height of the table, which is unknown from a CSS point of view, it is extended to an extremely high height. Even for screens with a very high pixel density, the resizer will fulfill its role as it should, i.e. for a screen of 476 ppi the total height of the resizer will take over 350 sheets of A4 format, which is totally unrealistic height for a single table. */ top: -999999px; bottom: -999999px; } .ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer { left: var(--ck-table-column-resizer-position-offset); right: unset; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which hides an element in DOM. */ .ck-hidden { /* Override selector specificity. Otherwise, all elements with some display style defined will override this one, which is not a desired result. */ display: none !important; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-z-default: 1; --ck-z-panel: calc( var(--ck-z-default) + 999 ); --ck-z-dialog: 9999; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class that disables all transitions of the element and its children. */ .ck-transitions-disabled, .ck-transitions-disabled * { transition: none !important; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-powered-by-line-height: 10px; --ck-powered-by-padding-vertical: 2px; --ck-powered-by-padding-horizontal: 4px; --ck-powered-by-text-color: hsl(0, 0%, 31%); --ck-powered-by-border-radius: var(--ck-border-radius); --ck-powered-by-background: hsl(0, 0%, 100%); --ck-powered-by-border-color: var(--ck-color-focus-border); } .ck.ck-balloon-panel.ck-powered-by-balloon { --ck-border-radius: var(--ck-powered-by-border-radius); box-shadow: none; background: var(--ck-powered-by-background); min-height: unset; z-index: calc( var(--ck-z-panel) - 1 ); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by { line-height: var(--ck-powered-by-line-height); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a { cursor: pointer; display: flex; align-items: center; opacity: .66; filter: grayscale(80%); line-height: var(--ck-powered-by-line-height); padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label { font-size: 7.5px; letter-spacing: -.2px; padding-left: 2px; text-transform: uppercase; font-weight: bold; margin-right: 4px; cursor: pointer; line-height: normal; color: var(--ck-powered-by-text-color); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon { display: block; cursor: pointer; } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a { filter: grayscale(0%); opacity: 1; } .ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_inside"] { border-color: transparent; } .ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_border"] { border: var(--ck-focus-ring); border-color: var(--ck-powered-by-border-color); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Makes element unselectable. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-button, a.ck.ck-button { -webkit-user-select: none; user-select: none; position: relative; display: inline-flex; align-items: center; } [dir="ltr"] .ck.ck-button, [dir="ltr"] a.ck.ck-button { justify-content: left; } [dir="rtl"] .ck.ck-button, [dir="rtl"] a.ck.ck-button { justify-content: right; } .ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label { display: none; } .ck.ck-button.ck-button_with-text .ck-button__label, a.ck.ck-button.ck-button_with-text .ck-button__label { display: inline-block; } /* Center the icon horizontally in a button without text. */ .ck.ck-button:not(.ck-button_with-text), a.ck.ck-button:not(.ck-button_with-text) { justify-content: center; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-button.ck-switchbutton .ck-button__toggle { display: block; } .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { display: block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-list-item-button { min-height: unset; width: 100%; border-radius: 0; } [dir="ltr"] .ck.ck-list-item-button { text-align: left; } [dir="rtl"] .ck.ck-list-item-button { text-align: right; } [dir="ltr"] .ck.ck-list-item-button.ck-list-item-button_toggleable { padding-left: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-list-item-button.ck-list-item-button_toggleable { padding-right: var(--ck-spacing-small); } .ck.ck-list-item-button .ck-list-item-button__check-holder { display: inline-flex; width: .9em; height: .9em; } [dir="ltr"] .ck.ck-list-item-button .ck-list-item-button__check-holder { margin-right: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-list-item-button .ck-list-item-button__check-holder { margin-left: var(--ck-spacing-small); } .ck.ck-list-item-button .ck-list-item-button__check-icon { height: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-color-grid { display: grid; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .color-picker-hex-input { width: max-content; } .color-picker-hex-input .ck.ck-input { min-width: unset; } .ck.ck-color-picker__row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: var(--ck-spacing-large) 0 0; width: unset; } .ck.ck-color-picker__row .ck.ck-labeled-field-view { padding-top: unset; } .ck.ck-color-picker__row .ck.ck-input-text { width: unset; } .ck.ck-color-picker__row .ck-color-picker__hash-view { padding-top: var(--ck-spacing-tiny); padding-right: var(--ck-spacing-medium); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* View fragment with color grids. */ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { display: flex; align-items: center; } [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { justify-content: flex-start; } /* View fragment with a color picker. */ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar { display: flex; flex-direction: row; justify-content: space-around; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save, .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel { flex: 1 } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dialog .ck.ck-dialog__actions { display: flex; justify-content: flex-end; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dialog-overlay { -webkit-user-select: none; user-select: none; overscroll-behavior: none; position: fixed; bottom: 0; left: 0; right: 0; top: 0; } .ck.ck-dialog-overlay.ck-dialog-overlay__transparent { pointer-events: none; animation: none; background: none; } .ck.ck-dialog { overscroll-behavior: none; width: -moz-fit-content; width: fit-content; position: absolute; } .ck.ck-dialog .ck.ck-form__header { flex-shrink: 0; } /* Modals should not be draggable. */ .ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label { cursor: grab; } .ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog { pointer-events: all; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-dropdown-max-width: 75vw; } .ck.ck-dropdown { display: inline-block; position: relative; } .ck.ck-dropdown .ck-dropdown__arrow { pointer-events: none; z-index: var(--ck-z-default); } /* Dropdown button should span horizontally, e.g. in vertical toolbars */ .ck.ck-dropdown .ck-button.ck-dropdown__button { width: 100%; } .ck.ck-dropdown .ck-dropdown__panel { display: none; z-index: var(--ck-z-panel); max-width: var(--ck-dropdown-max-width); position: absolute; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible { display: inline-block; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme { bottom: 100%; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s { /* * Using transform: translate3d( 0, 100%, 0 ) causes blurry dropdown on Chrome 67-78+ on non-retina displays. * See https://github.com/ckeditor/ckeditor5/issues/1053. */ top: 100%; bottom: auto; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se { left: 0px; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw { right: 0px; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n { /* Positioning panels relative to the center of the button */ left: 50%; transform: translateX(-50%); } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw { /* Positioning panels relative to the middle-west of the button */ left: 75%; transform: translateX(-75%); } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme { /* Positioning panels relative to the middle-east of the button */ left: 25%; transform: translateX(-25%); } /* * Toolbar dropdown panels should be always above the UI (eg. other dropdown panels) from the editor's content. * See https://github.com/ckeditor/ckeditor5/issues/7874 */ .ck.ck-toolbar .ck-dropdown__panel { z-index: calc( var(--ck-z-panel) + 1 ); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-splitbutton { /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; } .ck.ck-splitbutton .ck-splitbutton__action:focus { z-index: calc(var(--ck-z-default) + 1); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-toolbar-dropdown-max-width: 60vw; } .ck.ck-toolbar-dropdown > .ck-dropdown__panel { /* https://github.com/ckeditor/ckeditor5/issues/5586 */ width: max-content; max-width: var(--ck-toolbar-dropdown-max-width); } .ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus { z-index: calc(var(--ck-z-default) + 1); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { pointer-events: none; z-index: var(--ck-z-default); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel { position: absolute; max-height: 314px; /* With the default settings, this is equal to 10 menu items. */ overflow-y: auto; z-index: calc(var(--ck-z-panel) + 1); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dropdown-menu-list__nested-menu { display: block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-aria-live-announcer { position: absolute; left: -10000px; top: -10000px; } .ck.ck-aria-live-region-list { list-style-type: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-form__header { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .ck.ck-form__header h2.ck-form__header__label { flex-grow: 1; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-icon { vertical-align: middle; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-label { display: block; } .ck.ck-voice-label { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper { display: flex; position: relative; } .ck.ck-labeled-field-view .ck.ck-label { display: block; position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Makes element unselectable. */ .ck.ck-list { -webkit-user-select: none; user-select: none; display: flex; flex-direction: column; } .ck.ck-list .ck-list__item, .ck.ck-list .ck-list__separator { display: block; } /* Make sure that whatever child of the list item gets focus, it remains on the top. Thanks to that, styles like box-shadow, outline, etc. are not masked by adjacent list items. */ .ck.ck-list .ck-list__item > *:focus { position: relative; z-index: var(--ck-z-default); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /* Make sure the balloon arrow does not float over its children. */ --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3); } .ck.ck-balloon-panel { display: none; position: absolute; z-index: var(--ck-z-panel); } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before, .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after { content: ""; position: absolute; } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before { z-index: var(--ck-balloon-panel-arrow-z-index); } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); } .ck.ck-balloon-panel[class*="arrow_n"]::before { z-index: var(--ck-balloon-panel-arrow-z-index); } .ck.ck-balloon-panel[class*="arrow_n"]::after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); } .ck.ck-balloon-panel[class*="arrow_s"]::before { z-index: var(--ck-balloon-panel-arrow-z-index); } .ck.ck-balloon-panel[class*="arrow_s"]::after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); } .ck.ck-balloon-panel.ck-balloon-panel_visible { display: block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-balloon-rotator__navigation { display: flex; align-items: center; justify-content: center; } /* Buttons inside a toolbar should be centered when rotator bar is wider. * See: https://github.com/ckeditor/ckeditor5-ui/issues/495 */ .ck .ck-balloon-rotator__content .ck-toolbar { justify-content: center; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-fake-panel { position: absolute; /* Fake panels should be placed under main balloon content. */ z-index: calc(var(--ck-z-panel) - 1); } .ck .ck-fake-panel div { position: absolute; } .ck .ck-fake-panel div:nth-child( 1 ) { z-index: 2; } .ck .ck-fake-panel div:nth-child( 2 ) { z-index: 1; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky { z-index: var(--ck-z-panel); /* #315 */ position: fixed; top: 0; } .ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit { top: auto; position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-autocomplete { position: relative; } .ck.ck-autocomplete > .ck-search__results { position: absolute; z-index: var(--ck-z-panel); } .ck.ck-autocomplete > .ck-search__results.ck-search__results_n { bottom: 100%; } .ck.ck-autocomplete > .ck-search__results.ck-search__results_s { top: 100%; bottom: auto; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon { position: absolute; top: 50%; transform: translateY(-50%); } [dir="ltr"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon { left: var(--ck-spacing-medium); } [dir="rtl"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon { right: var(--ck-spacing-medium); } .ck.ck-search > .ck-labeled-field-view .ck-search__reset { position: absolute; top: 50%; transform: translateY(-50%); } .ck.ck-search > .ck-search__results > .ck-search__info > span:first-child { display: block; } /* Hide the filtered view when nothing was found */ .ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-highlighted-text mark { background: var(--ck-color-highlight-background); vertical-align: initial; font-weight: inherit; line-height: inherit; font-size: inherit; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Makes element unselectable. */ .ck.ck-balloon-panel.ck-tooltip { -webkit-user-select: none; user-select: none; z-index: calc( var(--ck-z-dialog) + 100 ); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-toolbar-spinner-size: 18px; } .ck.ck-spinner-container { display: block; position: relative; } .ck.ck-spinner { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); z-index: 1; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Makes element unselectable. */ .ck.ck-toolbar { -webkit-user-select: none; user-select: none; display: flex; flex-flow: row nowrap; align-items: center; } .ck.ck-toolbar > .ck-toolbar__items { display: flex; flex-flow: row wrap; align-items: center; flex-grow: 1; } .ck.ck-toolbar .ck.ck-toolbar__separator { display: inline-block; /* * A leading or trailing separator makes no sense (separates from nothing on one side). * For instance, it can happen when toolbar items (also separators) are getting grouped one by one and * moved to another toolbar in the dropdown. */ } .ck.ck-toolbar .ck.ck-toolbar__separator:first-child, .ck.ck-toolbar .ck.ck-toolbar__separator:last-child { display: none; } .ck.ck-toolbar .ck-toolbar__line-break { flex-basis: 100%; } .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items { flex-wrap: nowrap; } .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items { flex-direction: column; } .ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items { flex-wrap: nowrap; } .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-block-toolbar-button { position: absolute; z-index: var(--ck-z-default); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { pointer-events: none; z-index: var(--ck-z-default); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-menu-bar-menu-max-width: 75vw; --ck-menu-bar-nested-menu-horizontal-offset: 5px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel { z-index: var(--ck-z-panel); max-width: var(--ck-menu-bar-menu-max-width); position: absolute; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw { bottom: 100%; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw { top: 100%; bottom: auto; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se { left: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw { right: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en { left: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) ); } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es { top: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en { bottom: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn { right: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) ); } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws { top: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn { bottom: 0px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-menu-bar__menu { display: block; position: relative; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-resizer: var(--ck-color-focus-border); --ck-color-resizer-tooltip-background: hsl(0, 0%, 15%); --ck-color-resizer-tooltip-text: hsl(0, 0%, 95%); --ck-resizer-border-radius: var(--ck-border-radius); --ck-resizer-tooltip-offset: 10px; --ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px); } .ck .ck-widget { /* This is neccessary for type around UI to be positioned properly. */ position: relative; } .ck .ck-widget.ck-widget_with-selection-handle { /* Make the widget wrapper a relative positioning container for the drag handle. */ position: relative; } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { position: absolute; } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon { /* Make sure the icon in not a subject to font-size or line-height to avoid unnecessary spacing around it. */ display: block; } /* Show the selection handle on mouse hover over the widget, but not for nested widgets. */ .ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle { visibility: visible; } /* Show the selection handle when the widget is selected, but not for nested widgets. */ .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle { visibility: visible; } .ck .ck-size-view { background: var(--ck-color-resizer-tooltip-background); color: var(--ck-color-resizer-tooltip-text); border: 1px solid var(--ck-color-resizer-tooltip-text); border-radius: var(--ck-resizer-border-radius); font-size: var(--ck-font-size-tiny); display: block; padding: 0 var(--ck-spacing-small); height: var(--ck-resizer-tooltip-height); line-height: var(--ck-resizer-tooltip-height); } .ck .ck-size-view.ck-orientation-top-left, .ck .ck-size-view.ck-orientation-top-right, .ck .ck-size-view.ck-orientation-bottom-right, .ck .ck-size-view.ck-orientation-bottom-left, .ck .ck-size-view.ck-orientation-above-center { position: absolute; } .ck .ck-size-view.ck-orientation-top-left { top: var(--ck-resizer-tooltip-offset); left: var(--ck-resizer-tooltip-offset); } .ck .ck-size-view.ck-orientation-top-right { top: var(--ck-resizer-tooltip-offset); right: var(--ck-resizer-tooltip-offset); } .ck .ck-size-view.ck-orientation-bottom-right { bottom: var(--ck-resizer-tooltip-offset); right: var(--ck-resizer-tooltip-offset); } .ck .ck-size-view.ck-orientation-bottom-left { bottom: var(--ck-resizer-tooltip-offset); left: var(--ck-resizer-tooltip-offset); } /* Class applied if the widget is too small to contain the size label */ .ck .ck-size-view.ck-orientation-above-center { top: calc(var(--ck-resizer-tooltip-height) * -1); left: 50%; transform: translate(-50%); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-widget_with-resizer { /* Make the widget wrapper a relative positioning container for the drag handle. */ position: relative; } .ck .ck-widget__resizer { display: none; position: absolute; /* The wrapper itself should not interfere with the pointer device, only the handles should. */ pointer-events: none; left: 0; top: 0; } .ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer { display: block; } .ck .ck-widget__resizer__handle { position: absolute; /* Resizers are the only UI elements that should interfere with a pointer device. */ pointer-events: all; } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left, .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right { cursor: nwse-resize; } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right, .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left { cursor: nesw-resize; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Styles of the type around buttons */ .ck .ck-widget .ck-widget__type-around__button { display: block; position: absolute; overflow: hidden; z-index: var(--ck-z-default); } .ck .ck-widget .ck-widget__type-around__button svg { position: absolute; top: 50%; left: 50%; z-index: calc(var(--ck-z-default) + 2); } .ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before { /* Place it in the middle of the outline */ top: calc(-0.5 * var(--ck-widget-outline-thickness)); left: min(10%, 30px); transform: translateY(-50%); } .ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after { /* Place it in the middle of the outline */ bottom: calc(-0.5 * var(--ck-widget-outline-thickness)); right: min(10%, 30px); transform: translateY(50%); } /* * Styles for the buttons when: * - the widget is selected, * - or the button is being hovered (regardless of the widget state). */ .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after { content: ""; display: block; position: absolute; top: 1px; left: 1px; z-index: calc(var(--ck-z-default) + 1); } /* * Styles for the horizontal "fake caret" which is displayed when the user navigates using the keyboard. */ .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret { display: none; position: absolute; left: 0; right: 0; } /* * When the widget is hovered the "fake caret" would normally be narrower than the * extra outline displayed around the widget. Let's extend the "fake caret" to match * the full width of the widget. */ .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret { left: calc( -1 * var(--ck-widget-outline-thickness) ); right: calc( -1 * var(--ck-widget-outline-thickness) ); } /* * Styles for the horizontal "fake caret" when it should be displayed before the widget (backward keyboard navigation). */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret { top: calc( -1 * var(--ck-widget-outline-thickness) - 1px ); display: block; } /* * Styles for the horizontal "fake caret" when it should be displayed after the widget (forward keyboard navigation). */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret { bottom: calc( -1 * var(--ck-widget-outline-thickness) - 1px ); display: block; } /* * Integration with the read-only mode of the editor. */ .ck.ck-editor__editable.ck-read-only .ck-widget__type-around { display: none; } /* * Integration with the restricted editing mode (feature) of the editor. */ .ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around { display: none; } /* * Integration with the #isEnabled property of the WidgetTypeAround plugin. */ .ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around { display: none; } /*# sourceMappingURL=ckeditor5.css.map */ /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /** * app/shared_core/scss/shared_core = defaults fuse and matérial styles ( don't touche ) * app/themes/theme = Special theming variables Jeux de variables appelé pour crée un theme particulier tel que Fuse (il gère la grande majorité des styles) * app/themes/_variables-custom = Nos ajouts de variables particulières * app/themes/shared_core/shared_core = index to concat folder's files */ .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1)); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-focus-indicator-display, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicator-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .mat-app-background { background-color: var(--mat-app-background-color, transparent); color: var(--mat-app-text-color, inherit); } html { --mat-ripple-color: rgba(0, 0, 0, 0.1); --mat-option-selected-state-label-text-color: #ebebeb; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); --mat-full-pseudo-checkbox-selected-icon-color: #ffed00; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffed00; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; --mat-app-background-color: #fafafa; --mat-app-text-color: rgba(0, 0, 0, 0.87); --mat-option-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-option-label-text-line-height: 1.4; --mat-option-label-text-size: 14px; --mat-option-label-text-tracking: normal; --mat-option-label-text-weight: 400; --mat-optgroup-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-optgroup-label-text-line-height: 1.4; --mat-optgroup-label-text-size: 14px; --mat-optgroup-label-text-tracking: normal; --mat-optgroup-label-text-weight: 400; --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); --mat-card-title-text-font: var(--typo1); --mat-card-title-text-line-height: 28px; --mat-card-title-text-size: 24px; --mat-card-title-text-tracking: normal; --mat-card-title-text-weight: 700; --mat-card-subtitle-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-card-subtitle-text-line-height: 22px; --mat-card-subtitle-text-size: 14px; --mat-card-subtitle-text-tracking: 0.0071428571em; --mat-card-subtitle-text-weight: 500; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #616161; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-plain-tooltip-supporting-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-plain-tooltip-supporting-text-size: 12px; --mdc-plain-tooltip-supporting-text-weight: 400; --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #ebebeb; --mdc-filled-text-field-focus-active-indicator-color: #ebebeb; --mdc-filled-text-field-focus-label-text-color: rgba(235, 235, 235, 0.87); --mdc-filled-text-field-container-color: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #c32c2c; --mdc-filled-text-field-error-focus-label-text-color: #c32c2c; --mdc-filled-text-field-error-label-text-color: #c32c2c; --mdc-filled-text-field-error-caret-color: #c32c2c; --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-error-active-indicator-color: #c32c2c; --mdc-filled-text-field-error-focus-active-indicator-color: #c32c2c; --mdc-filled-text-field-error-hover-active-indicator-color: #c32c2c; --mdc-outlined-text-field-caret-color: #ebebeb; --mdc-outlined-text-field-focus-outline-color: #ebebeb; --mdc-outlined-text-field-focus-label-text-color: rgba(235, 235, 235, 0.87); --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-error-caret-color: #c32c2c; --mdc-outlined-text-field-error-focus-label-text-color: #c32c2c; --mdc-outlined-text-field-error-label-text-color: #c32c2c; --mdc-outlined-text-field-error-hover-label-text-color: #c32c2c; --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #c32c2c; --mdc-outlined-text-field-error-hover-outline-color: #c32c2c; --mdc-outlined-text-field-error-outline-color: #c32c2c; --mat-form-field-focus-select-arrow-color: rgba(235, 235, 235, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #c32c2c; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; --mat-form-field-container-height: 56px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 16px; --mat-form-field-filled-with-label-container-padding-top: 24px; --mat-form-field-filled-with-label-container-padding-bottom: 8px; --mdc-filled-text-field-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-filled-text-field-label-text-size: 14px; --mdc-filled-text-field-label-text-tracking: normal; --mdc-filled-text-field-label-text-weight: 400; --mdc-outlined-text-field-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-outlined-text-field-label-text-size: 14px; --mdc-outlined-text-field-label-text-tracking: normal; --mdc-outlined-text-field-label-text-weight: 400; --mat-form-field-container-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-form-field-container-text-line-height: 1.4; --mat-form-field-container-text-size: 14px; --mat-form-field-container-text-tracking: normal; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 14px; --mat-form-field-subscript-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-form-field-subscript-text-line-height: 20px; --mat-form-field-subscript-text-size: 12px; --mat-form-field-subscript-text-tracking: 0.0333333333em; --mat-form-field-subscript-text-weight: 400; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(235, 235, 235, 0.87); --mat-select-invalid-arrow-color: rgba(195, 44, 44, 0.87); --mat-select-arrow-transform: translateY(-8px); --mat-select-trigger-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-select-trigger-text-line-height: 1.4; --mat-select-trigger-text-size: 14px; --mat-select-trigger-text-tracking: normal; --mat-select-trigger-text-weight: 400; --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: white; --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mdc-dialog-container-shadow-color: #000; --mdc-dialog-container-shape: 4px; --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6); --mdc-dialog-subhead-font: var(--typo1); --mdc-dialog-subhead-line-height: 28px; --mdc-dialog-subhead-size: 24px; --mdc-dialog-subhead-weight: 700; --mdc-dialog-subhead-tracking: normal; --mdc-dialog-supporting-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-dialog-supporting-text-line-height: 1.4; --mdc-dialog-supporting-text-size: 14px; --mdc-dialog-supporting-text-weight: 400; --mdc-dialog-supporting-text-tracking: normal; --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mdc-switch-selected-focus-state-layer-color: #e9e9e9; --mdc-switch-selected-handle-color: #e9e9e9; --mdc-switch-selected-hover-state-layer-color: #e9e9e9; --mdc-switch-selected-pressed-state-layer-color: #e9e9e9; --mdc-switch-selected-focus-handle-color: #dddddd; --mdc-switch-selected-hover-handle-color: #dddddd; --mdc-switch-selected-pressed-handle-color: #dddddd; --mdc-switch-selected-focus-track-color: #f1f1f1; --mdc-switch-selected-hover-track-color: #f1f1f1; --mdc-switch-selected-pressed-track-color: #f1f1f1; --mdc-switch-selected-track-color: #f1f1f1; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff); --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-handle-shadow-color: black; --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-switch-state-layer-size: 40px; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-color: #ebebeb; --mdc-slider-focus-handle-color: #ebebeb; --mdc-slider-hover-handle-color: #ebebeb; --mdc-slider-active-track-color: #ebebeb; --mdc-slider-inactive-track-color: #ebebeb; --mdc-slider-with-tick-marks-inactive-container-color: #ebebeb; --mdc-slider-with-tick-marks-active-container-color: black; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-ripple-color: #ebebeb; --mat-slider-hover-state-layer-color: rgba(235, 235, 235, 0.05); --mat-slider-focus-state-layer-color: rgba(235, 235, 235, 0.2); --mat-slider-value-indicator-opacity: 0.6; --mdc-slider-label-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-slider-label-label-text-size: 14px; --mdc-slider-label-label-text-line-height: 22px; --mdc-slider-label-label-text-tracking: 0.0071428571em; --mdc-slider-label-label-text-weight: 500; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: rgba(0, 0, 0, 0.12); --mat-menu-item-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-menu-item-label-text-size: 14px; --mat-menu-item-label-text-tracking: normal; --mat-menu-item-label-text-line-height: 1.4; --mat-menu-item-label-text-weight: 400; --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; --mdc-list-list-item-one-line-container-height: 48px; --mdc-list-list-item-two-line-container-height: 64px; --mdc-list-list-item-three-line-container-height: 88px; --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; --mdc-list-list-item-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-list-list-item-label-text-line-height: 1.4; --mdc-list-list-item-label-text-size: 14px; --mdc-list-list-item-label-text-tracking: normal; --mdc-list-list-item-label-text-weight: 400; --mdc-list-list-item-supporting-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-list-list-item-supporting-text-line-height: 20px; --mdc-list-list-item-supporting-text-size: 14px; --mdc-list-list-item-supporting-text-tracking: 0.0178571429em; --mdc-list-list-item-supporting-text-weight: 400; --mdc-list-list-item-trailing-supporting-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-list-list-item-trailing-supporting-text-line-height: 20px; --mdc-list-list-item-trailing-supporting-text-size: 12px; --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em; --mdc-list-list-item-trailing-supporting-text-weight: 400; --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); --mat-paginator-container-size: 56px; --mat-paginator-form-field-container-height: 40px; --mat-paginator-form-field-container-vertical-padding: 8px; --mat-paginator-container-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-paginator-container-text-line-height: 20px; --mat-paginator-container-text-size: 12px; --mat-paginator-container-text-tracking: 0.0333333333em; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 12px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mdc-secondary-navigation-tab-container-height: 48px; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: black; --mdc-checkbox-selected-focus-icon-color: #ffed00; --mdc-checkbox-selected-hover-icon-color: #ffed00; --mdc-checkbox-selected-icon-color: #ffed00; --mdc-checkbox-selected-pressed-icon-color: #ffed00; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #ffed00; --mdc-checkbox-selected-hover-state-layer-color: #ffed00; --mdc-checkbox-selected-pressed-state-layer-color: #ffed00; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-state-layer-size: 40px; --mat-checkbox-touch-target-display: block; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-keep-touch-target: false; --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: black; --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: black; --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: black; --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-protected-button-container-shadow-color: #000; --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-label-text-color: black; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; --mdc-text-button-container-height: 36px; --mdc-filled-button-container-height: 36px; --mdc-outlined-button-container-height: 36px; --mdc-protected-button-container-height: 36px; --mat-text-button-touch-target-display: block; --mat-filled-button-touch-target-display: block; --mat-protected-button-touch-target-display: block; --mat-outlined-button-touch-target-display: block; --mdc-text-button-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-text-button-label-text-size: 1.6rem; --mdc-text-button-label-text-tracking: normal; --mdc-text-button-label-text-weight: 700; --mdc-text-button-label-text-transform: none; --mdc-filled-button-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-filled-button-label-text-size: 1.6rem; --mdc-filled-button-label-text-tracking: normal; --mdc-filled-button-label-text-weight: 700; --mdc-filled-button-label-text-transform: none; --mdc-outlined-button-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-outlined-button-label-text-size: 1.6rem; --mdc-outlined-button-label-text-tracking: normal; --mdc-outlined-button-label-text-weight: 700; --mdc-outlined-button-label-text-transform: none; --mdc-protected-button-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-protected-button-label-text-size: 1.6rem; --mdc-protected-button-label-text-tracking: normal; --mdc-protected-button-label-text-weight: 700; --mdc-protected-button-label-text-transform: none; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-touch-target-display: block; --mdc-fab-container-shape: 50%; --mdc-fab-icon-size: 24px; --mdc-fab-small-container-shape: 50%; --mdc-fab-small-icon-size: 24px; --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-fab-container-color: white; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-shadow-color: #000; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); --mdc-fab-small-container-color: white; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shadow-color: #000; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-shadow-color: #000; --mat-fab-touch-target-display: block; --mat-fab-small-touch-target-display: block; --mdc-extended-fab-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-extended-fab-label-text-size: 1.6rem; --mdc-extended-fab-label-text-tracking: normal; --mdc-extended-fab-label-text-weight: 700; --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); --mat-snack-bar-button-color: #ffed00; --mdc-snackbar-supporting-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-snackbar-supporting-text-line-height: 20px; --mdc-snackbar-supporting-text-size: 14px; --mdc-snackbar-supporting-text-weight: 400; --mat-table-row-item-outline-width: 1px; --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); --mat-table-header-container-height: 56px; --mat-table-footer-container-height: 52px; --mat-table-row-item-container-height: 52px; --mat-table-header-headline-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-table-header-headline-line-height: 22px; --mat-table-header-headline-size: 14px; --mat-table-header-headline-weight: 500; --mat-table-header-headline-tracking: 0.0071428571em; --mat-table-row-item-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-table-row-item-label-text-line-height: 20px; --mat-table-row-item-label-text-size: 14px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: 0.0178571429em; --mat-table-footer-supporting-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-table-footer-supporting-text-line-height: 20px; --mat-table-footer-supporting-text-size: 14px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: 0.0178571429em; --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #ebebeb; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #ebebeb; --mat-badge-text-color: black; --mat-badge-disabled-state-background-color: #b9b9b9; --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-badge-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-large-size-text-size: 24px; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; --mat-bottom-sheet-container-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: 0.0178571429em; --mat-bottom-sheet-container-text-weight: 400; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: #e0e0e0; --mat-standard-button-toggle-height: 48px; --mat-legacy-button-toggle-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-legacy-button-toggle-label-text-line-height: 1.4; --mat-legacy-button-toggle-label-text-size: 14px; --mat-legacy-button-toggle-label-text-tracking: normal; --mat-legacy-button-toggle-label-text-weight: 400; --mat-standard-button-toggle-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-standard-button-toggle-label-text-line-height: 1.4; --mat-standard-button-toggle-label-text-size: 14px; --mat-standard-button-toggle-label-text-tracking: normal; --mat-standard-button-toggle-label-text-weight: 400; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: black; --mat-datepicker-calendar-date-selected-state-background-color: #ebebeb; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(235, 235, 235, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: black; --mat-datepicker-calendar-date-focus-state-background-color: rgba(235, 235, 235, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(235, 235, 235, 0.3); --mat-datepicker-toggle-active-state-icon-color: #ebebeb; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(235, 235, 235, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: black; --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 1.6rem; --mat-datepicker-calendar-body-label-text-weight: 700; --mat-datepicker-calendar-period-button-text-size: 1.6rem; --mat-datepicker-calendar-period-button-text-weight: 700; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; --mat-divider-width: 1px; --mat-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; --mat-expansion-header-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-expansion-header-text-size: 14px; --mat-expansion-header-text-weight: 500; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: 0.0178571429em; --mat-expansion-container-text-weight: 400; --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); --mat-stepper-header-icon-foreground-color: black; --mat-stepper-header-selected-state-icon-background-color: #ebebeb; --mat-stepper-header-selected-state-icon-foreground-color: black; --mat-stepper-header-done-state-icon-background-color: #ebebeb; --mat-stepper-header-done-state-icon-foreground-color: black; --mat-stepper-header-edit-state-icon-background-color: #ebebeb; --mat-stepper-header-edit-state-icon-foreground-color: black; --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #c32c2c; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #c32c2c; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-stepper-header-height: 72px; --mat-stepper-container-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-stepper-header-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-weight: 400; --mat-sort-arrow-color: #757575; --mat-toolbar-container-background-color: whitesmoke; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; --mat-toolbar-title-text-font: var(--typo1); --mat-toolbar-title-text-line-height: 28px; --mat-toolbar-title-text-size: 24px; --mat-toolbar-title-text-tracking: normal; --mat-toolbar-title-text-weight: 700; --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); --mat-tree-node-min-height: 48px; --mat-tree-node-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-tree-node-text-size: 14px; --mat-tree-node-text-weight: 400; } html .mat-accent { --mat-option-selected-state-label-text-color: #ffed00; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } html .mat-warn { --mat-option-selected-state-label-text-color: #c32c2c; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } html .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #ebebeb; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ebebeb; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } html .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #ffed00; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffed00; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } html .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #c32c2c; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #c32c2c; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } html .mat-elevation-z0, html .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } html .mat-elevation-z1, html .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } html .mat-elevation-z2, html .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } html .mat-elevation-z3, html .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } html .mat-elevation-z4, html .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } html .mat-elevation-z5, html .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } html .mat-elevation-z6, html .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } html .mat-elevation-z7, html .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } html .mat-elevation-z8, html .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html .mat-elevation-z9, html .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } html .mat-elevation-z10, html .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } html .mat-elevation-z11, html .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } html .mat-elevation-z12, html .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } html .mat-elevation-z13, html .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } html .mat-elevation-z14, html .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } html .mat-elevation-z15, html .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } html .mat-elevation-z16, html .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } html .mat-elevation-z17, html .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } html .mat-elevation-z18, html .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } html .mat-elevation-z19, html .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } html .mat-elevation-z20, html .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } html .mat-elevation-z21, html .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } html .mat-elevation-z22, html .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } html .mat-elevation-z23, html .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } html .mat-elevation-z24, html .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } html .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #ebebeb; --mdc-linear-progress-track-color: rgba(235, 235, 235, 0.25); } html .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #ffed00; --mdc-linear-progress-track-color: rgba(255, 237, 0, 0.25); } html .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #c32c2c; --mdc-linear-progress-track-color: rgba(195, 44, 44, 0.25); } html .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #ffed00; --mdc-filled-text-field-focus-active-indicator-color: #ffed00; --mdc-filled-text-field-focus-label-text-color: rgba(255, 237, 0, 0.87); --mdc-outlined-text-field-caret-color: #ffed00; --mdc-outlined-text-field-focus-outline-color: #ffed00; --mdc-outlined-text-field-focus-label-text-color: rgba(255, 237, 0, 0.87); --mat-form-field-focus-select-arrow-color: rgba(255, 237, 0, 0.87); } html .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #c32c2c; --mdc-filled-text-field-focus-active-indicator-color: #c32c2c; --mdc-filled-text-field-focus-label-text-color: rgba(195, 44, 44, 0.87); --mdc-outlined-text-field-caret-color: #c32c2c; --mdc-outlined-text-field-focus-outline-color: #c32c2c; --mdc-outlined-text-field-focus-label-text-color: rgba(195, 44, 44, 0.87); --mat-form-field-focus-select-arrow-color: rgba(195, 44, 44, 0.87); } html .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(255, 237, 0, 0.87); --mat-select-invalid-arrow-color: rgba(195, 44, 44, 0.87); } html .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(195, 44, 44, 0.87); --mat-select-invalid-arrow-color: rgba(195, 44, 44, 0.87); } html .mat-mdc-standard-chip { --mdc-chip-container-shape-family: rounded; --mdc-chip-container-shape-radius: 16px 16px 16px 16px; --mdc-chip-with-avatar-avatar-shape-family: rounded; --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; } html .mat-mdc-standard-chip { --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: #e0e0e0; --mdc-chip-elevated-selected-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-flat-disabled-selected-container-color: #e0e0e0; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } html .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, html .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: black; --mdc-chip-elevated-container-color: #ebebeb; --mdc-chip-elevated-selected-container-color: #ebebeb; --mdc-chip-elevated-disabled-container-color: #ebebeb; --mdc-chip-flat-disabled-selected-container-color: #ebebeb; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: black; --mdc-chip-selected-label-text-color: black; --mdc-chip-with-icon-icon-color: black; --mdc-chip-with-icon-disabled-icon-color: black; --mdc-chip-with-icon-selected-icon-color: black; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: black; --mdc-chip-with-trailing-icon-trailing-icon-color: black; --mat-chip-selected-disabled-trailing-icon-color: black; --mat-chip-selected-trailing-icon-color: black; } html .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, html .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: black; --mdc-chip-elevated-container-color: #ffed00; --mdc-chip-elevated-selected-container-color: #ffed00; --mdc-chip-elevated-disabled-container-color: #ffed00; --mdc-chip-flat-disabled-selected-container-color: #ffed00; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: black; --mdc-chip-selected-label-text-color: black; --mdc-chip-with-icon-icon-color: black; --mdc-chip-with-icon-disabled-icon-color: black; --mdc-chip-with-icon-selected-icon-color: black; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: black; --mdc-chip-with-trailing-icon-trailing-icon-color: black; --mat-chip-selected-disabled-trailing-icon-color: black; --mat-chip-selected-trailing-icon-color: black; } html .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, html .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #c32c2c; --mdc-chip-elevated-selected-container-color: #c32c2c; --mdc-chip-elevated-disabled-container-color: #c32c2c; --mdc-chip-flat-disabled-selected-container-color: #c32c2c; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } html .mat-mdc-chip.mat-mdc-standard-chip { --mdc-chip-container-height: 32px; } html .mat-mdc-standard-chip { --mdc-chip-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-chip-label-text-line-height: 20px; --mdc-chip-label-text-size: 14px; --mdc-chip-label-text-tracking: 0.0178571429em; --mdc-chip-label-text-weight: 400; } html .mat-mdc-slide-toggle { --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87); } html .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #ffeb00; --mdc-switch-selected-handle-color: #ffeb00; --mdc-switch-selected-hover-state-layer-color: #ffeb00; --mdc-switch-selected-pressed-state-layer-color: #ffeb00; --mdc-switch-selected-focus-handle-color: #ffe000; --mdc-switch-selected-hover-handle-color: #ffe000; --mdc-switch-selected-pressed-handle-color: #ffe000; --mdc-switch-selected-focus-track-color: #fff24d; --mdc-switch-selected-hover-track-color: #fff24d; --mdc-switch-selected-pressed-track-color: #fff24d; --mdc-switch-selected-track-color: #fff24d; } html .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #e23c39; --mdc-switch-selected-handle-color: #e23c39; --mdc-switch-selected-hover-state-layer-color: #e23c39; --mdc-switch-selected-pressed-state-layer-color: #e23c39; --mdc-switch-selected-focus-handle-color: #b42221; --mdc-switch-selected-hover-handle-color: #b42221; --mdc-switch-selected-pressed-handle-color: #b42221; --mdc-switch-selected-focus-track-color: #e27475; --mdc-switch-selected-hover-track-color: #e27475; --mdc-switch-selected-pressed-track-color: #e27475; --mdc-switch-selected-track-color: #e27475; } html .mat-mdc-slide-toggle { --mdc-form-field-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-form-field-label-text-line-height: 20px; --mdc-form-field-label-text-size: 14px; --mdc-form-field-label-text-tracking: 0.0178571429em; --mdc-form-field-label-text-weight: 400; } html .mat-mdc-radio-button { --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87); } html .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #ebebeb; --mdc-radio-selected-hover-icon-color: #ebebeb; --mdc-radio-selected-icon-color: #ebebeb; --mdc-radio-selected-pressed-icon-color: #ebebeb; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #ebebeb; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #ffed00; --mdc-radio-selected-hover-icon-color: #ffed00; --mdc-radio-selected-icon-color: #ffed00; --mdc-radio-selected-pressed-icon-color: #ffed00; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #ffed00; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #c32c2c; --mdc-radio-selected-hover-icon-color: #c32c2c; --mdc-radio-selected-icon-color: #c32c2c; --mdc-radio-selected-pressed-icon-color: #c32c2c; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #c32c2c; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-radio-button { --mdc-form-field-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-form-field-label-text-line-height: 20px; --mdc-form-field-label-text-size: 14px; --mdc-form-field-label-text-tracking: 0.0178571429em; --mdc-form-field-label-text-weight: 400; } html .mat-accent { --mat-slider-ripple-color: #ffed00; --mat-slider-hover-state-layer-color: rgba(255, 237, 0, 0.05); --mat-slider-focus-state-layer-color: rgba(255, 237, 0, 0.2); --mdc-slider-handle-color: #ffed00; --mdc-slider-focus-handle-color: #ffed00; --mdc-slider-hover-handle-color: #ffed00; --mdc-slider-active-track-color: #ffed00; --mdc-slider-inactive-track-color: #ffed00; --mdc-slider-with-tick-marks-inactive-container-color: #ffed00; --mdc-slider-with-tick-marks-active-container-color: black; } html .mat-warn { --mat-slider-ripple-color: #c32c2c; --mat-slider-hover-state-layer-color: rgba(195, 44, 44, 0.05); --mat-slider-focus-state-layer-color: rgba(195, 44, 44, 0.2); --mdc-slider-handle-color: #c32c2c; --mdc-slider-focus-handle-color: #c32c2c; --mdc-slider-hover-handle-color: #c32c2c; --mdc-slider-active-track-color: #c32c2c; --mdc-slider-inactive-track-color: #c32c2c; --mdc-slider-with-tick-marks-inactive-container-color: #c32c2c; --mdc-slider-with-tick-marks-active-container-color: white; } html .mdc-list-item__start, html .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #ebebeb; --mdc-radio-selected-hover-icon-color: #ebebeb; --mdc-radio-selected-icon-color: #ebebeb; --mdc-radio-selected-pressed-icon-color: #ebebeb; } html .mat-accent .mdc-list-item__start, html .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #ffed00; --mdc-radio-selected-hover-icon-color: #ffed00; --mdc-radio-selected-icon-color: #ffed00; --mdc-radio-selected-pressed-icon-color: #ffed00; } html .mat-warn .mdc-list-item__start, html .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #c32c2c; --mdc-radio-selected-hover-icon-color: #c32c2c; --mdc-radio-selected-icon-color: #c32c2c; --mdc-radio-selected-pressed-icon-color: #c32c2c; } html .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: black; --mdc-checkbox-selected-focus-icon-color: #ebebeb; --mdc-checkbox-selected-hover-icon-color: #ebebeb; --mdc-checkbox-selected-icon-color: #ebebeb; --mdc-checkbox-selected-pressed-icon-color: #ebebeb; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #ebebeb; --mdc-checkbox-selected-hover-state-layer-color: #ebebeb; --mdc-checkbox-selected-pressed-state-layer-color: #ebebeb; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: black; --mdc-checkbox-selected-focus-icon-color: #ffed00; --mdc-checkbox-selected-hover-icon-color: #ffed00; --mdc-checkbox-selected-icon-color: #ffed00; --mdc-checkbox-selected-pressed-icon-color: #ffed00; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #ffed00; --mdc-checkbox-selected-hover-state-layer-color: #ffed00; --mdc-checkbox-selected-pressed-state-layer-color: #ffed00; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #c32c2c; --mdc-checkbox-selected-hover-icon-color: #c32c2c; --mdc-checkbox-selected-icon-color: #c32c2c; --mdc-checkbox-selected-pressed-icon-color: #c32c2c; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #c32c2c; --mdc-checkbox-selected-hover-state-layer-color: #c32c2c; --mdc-checkbox-selected-pressed-state-layer-color: #c32c2c; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, html .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text { color: #ebebeb; } html .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start, html .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start { color: #ebebeb; } html .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, html .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, html .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } html .mdc-list-item__start, html .mdc-list-item__end { --mdc-radio-state-layer-size: 40px; } html .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, html .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, html .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; } html .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, html .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, html .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; } html .mdc-list-group__subheader { font: 400 16px / 28px var(--typo1), "Helvetica Neue", Arial, sans-serif; letter-spacing: 0.009375em; } html .mat-mdc-tab-group, html .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #ebebeb; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #ebebeb; --mat-tab-header-active-ripple-color: #ebebeb; --mat-tab-header-inactive-ripple-color: #ebebeb; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #ebebeb; --mat-tab-header-active-hover-label-text-color: #ebebeb; --mat-tab-header-active-focus-indicator-color: #ebebeb; --mat-tab-header-active-hover-indicator-color: #ebebeb; } html .mat-mdc-tab-group.mat-accent, html .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #ffed00; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #ffed00; --mat-tab-header-active-ripple-color: #ffed00; --mat-tab-header-inactive-ripple-color: #ffed00; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #ffed00; --mat-tab-header-active-hover-label-text-color: #ffed00; --mat-tab-header-active-focus-indicator-color: #ffed00; --mat-tab-header-active-hover-indicator-color: #ffed00; } html .mat-mdc-tab-group.mat-warn, html .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #c32c2c; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #c32c2c; --mat-tab-header-active-ripple-color: #c32c2c; --mat-tab-header-inactive-ripple-color: #c32c2c; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #c32c2c; --mat-tab-header-active-hover-label-text-color: #c32c2c; --mat-tab-header-active-focus-indicator-color: #c32c2c; --mat-tab-header-active-hover-indicator-color: #c32c2c; } html .mat-mdc-tab-group.mat-background-primary, html .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #ebebeb; --mat-tab-header-with-background-foreground-color: black; } html .mat-mdc-tab-group.mat-background-accent, html .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #ffed00; --mat-tab-header-with-background-foreground-color: black; } html .mat-mdc-tab-group.mat-background-warn, html .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #c32c2c; --mat-tab-header-with-background-foreground-color: white; } html .mat-mdc-tab-header { --mdc-secondary-navigation-tab-container-height: 48px; } html .mat-mdc-tab-header { --mat-tab-header-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mat-tab-header-label-text-size: 1.6rem; --mat-tab-header-label-text-tracking: normal; --mat-tab-header-label-text-line-height: 1.2; --mat-tab-header-label-text-weight: 700; } html .mat-mdc-checkbox { --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87); } html .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: black; --mdc-checkbox-selected-focus-icon-color: #ebebeb; --mdc-checkbox-selected-hover-icon-color: #ebebeb; --mdc-checkbox-selected-icon-color: #ebebeb; --mdc-checkbox-selected-pressed-icon-color: #ebebeb; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #ebebeb; --mdc-checkbox-selected-hover-state-layer-color: #ebebeb; --mdc-checkbox-selected-pressed-state-layer-color: #ebebeb; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #c32c2c; --mdc-checkbox-selected-hover-icon-color: #c32c2c; --mdc-checkbox-selected-icon-color: #c32c2c; --mdc-checkbox-selected-pressed-icon-color: #c32c2c; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #c32c2c; --mdc-checkbox-selected-hover-state-layer-color: #c32c2c; --mdc-checkbox-selected-pressed-state-layer-color: #c32c2c; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html .mat-mdc-checkbox { --mdc-form-field-label-text-font: var(--typo1), "Helvetica Neue", Arial, sans-serif; --mdc-form-field-label-text-line-height: 20px; --mdc-form-field-label-text-size: 14px; --mdc-form-field-label-text-tracking: 0.0178571429em; --mdc-form-field-label-text-weight: 400; } html .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #ebebeb; --mat-text-button-state-layer-color: #ebebeb; --mat-text-button-ripple-color: rgba(235, 235, 235, 0.1); } html .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #ffed00; --mat-text-button-state-layer-color: #ffed00; --mat-text-button-ripple-color: rgba(255, 237, 0, 0.1); } html .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #c32c2c; --mat-text-button-state-layer-color: #c32c2c; --mat-text-button-ripple-color: rgba(195, 44, 44, 0.1); } html .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #ebebeb; --mdc-filled-button-label-text-color: black; --mat-filled-button-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #ffed00; --mdc-filled-button-label-text-color: black; --mat-filled-button-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #c32c2c; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #ebebeb; --mdc-protected-button-label-text-color: black; --mat-protected-button-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #ffed00; --mdc-protected-button-label-text-color: black; --mat-protected-button-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #c32c2c; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #ebebeb; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #ebebeb; --mat-outlined-button-ripple-color: rgba(235, 235, 235, 0.1); } html .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #ffed00; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #ffed00; --mat-outlined-button-ripple-color: rgba(255, 237, 0, 0.1); } html .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #c32c2c; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #c32c2c; --mat-outlined-button-ripple-color: rgba(195, 44, 44, 0.1); } html .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #ebebeb; --mat-icon-button-state-layer-color: #ebebeb; --mat-icon-button-ripple-color: rgba(235, 235, 235, 0.1); } html .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #ffed00; --mat-icon-button-state-layer-color: #ffed00; --mat-icon-button-ripple-color: rgba(255, 237, 0, 0.1); } html .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #c32c2c; --mat-icon-button-state-layer-color: #c32c2c; --mat-icon-button-ripple-color: rgba(195, 44, 44, 0.1); } html .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 12px; } html .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #ebebeb; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #ffed00; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #c32c2c; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #ebebeb; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #ffed00; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #c32c2c; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-accent { --mdc-circular-progress-active-indicator-color: #ffed00; } html .mat-warn { --mdc-circular-progress-active-indicator-color: #c32c2c; } html .mat-badge-accent { --mat-badge-background-color: #ffed00; --mat-badge-text-color: black; } html .mat-badge-warn { --mat-badge-background-color: #c32c2c; --mat-badge-text-color: white; } html .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: black; --mat-datepicker-calendar-date-selected-state-background-color: #ffed00; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 237, 0, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: black; --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 237, 0, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 237, 0, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 237, 0, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } html .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #c32c2c; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(195, 44, 44, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(195, 44, 44, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(195, 44, 44, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(195, 44, 44, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } html .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #ffed00; } html .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #c32c2c; } html .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } html .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } html .mat-icon.mat-primary { --mat-icon-color: #ebebeb; } html .mat-icon.mat-accent { --mat-icon-color: #ffed00; } html .mat-icon.mat-warn { --mat-icon-color: #c32c2c; } html .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: black; --mat-stepper-header-selected-state-icon-background-color: #ffed00; --mat-stepper-header-selected-state-icon-foreground-color: black; --mat-stepper-header-done-state-icon-background-color: #ffed00; --mat-stepper-header-done-state-icon-foreground-color: black; --mat-stepper-header-edit-state-icon-background-color: #ffed00; --mat-stepper-header-edit-state-icon-foreground-color: black; } html .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #c32c2c; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #c32c2c; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #c32c2c; --mat-stepper-header-edit-state-icon-foreground-color: white; } html .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #ebebeb; --mat-toolbar-container-text-color: black; } html .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #ffed00; --mat-toolbar-container-text-color: black; } html .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #c32c2c; --mat-toolbar-container-text-color: white; } :root { --radius-s: clamp(8px, 0.38vw + 2.73px, 12px); --radius-m: clamp(12px, 0.76vw + 5.45px, 26px); --radius-l: clamp(16px, 1.52vw + 10.91px, 24px); --radius-xl: clamp(24px, 3.03vw + 21.82px, 32px); --radius-xxl: clamp(32px, 6.06vw + 43.64px, 64px); } :root { --body--background-color: #E8EDF6; --milan-vert: #37C6C3; --milan-vert-fonce: #146A68; --bj-vert-ok: #89C52B; --bj-vert-ok-shadow: #659815; --bje-vert: #5DD3D1; --bje-rouge: #FF0000; --Gris_bouton: #F4F4F4; --bj-gris-clair: #EBEBEB; --bje-jaune: #FFED00; --bje-jaune-shadow: #E4C002; --faux-blanc: #F9FBFF; --gris-de-fond: #E8EDF6; --gris-de-contour: #CBD1DB; --noir: #000000; --noir_5: rgba(0, 0, 0, 0.05); --noir_10: rgba(0, 0, 0, 0.1); --blanc: #FFFFFF; --orange: #FF790D; --vert: #009944; --vert2: #016B3E; --accent: #ffed00; --accent-border: var(--bje-jaune-shadow); --accent-color: $default-font-color; } :root { --typo1: lato; --typo2: lato; } /* *** navbar-header *** */ :root { --white: rgba(255, 255, 255, 1); --white-rgb: 255, 255, 255; --black: rgba(0, 0, 0, 1); --appbackground: var(--white, #fff); --text: var(--black, #000); --text-contrast: var(--white, #fff); --primarybackground: rgba(255, 237, 0, 1); --primarybackground-rgb: 255, 237, 0; --primarybackground--hover: rgba(255, 237, 0, 1); --primarylabel: var(--black, #000); --primarylabel-contrast: var(--white, #FFF); --primaryborder: var(--black, #000); --primaryborder-rgb: 0, 0, 0; --secondarybackground: var(--white, #FFF); --secondarybackground--hover: var(--white, #FFF); --secondarybackground--active: var(--white, #FFF); --secondarylabel: var(--black, #000); --secondaryborder: var(--black, #000); --tertiarybackground: var(--white, #FFF); --tertiarybackground--hover: var(--white, #FFF); --tertiarybackground--active: rgba(203, 209, 219, 1); --tertiarylabel: var(--black, #000); --tertiaryicon: var(--black, #000); --tertiaryborder: rgba(203, 209, 219, 1); --tertiaryborder--active: var(--white, #FFF); --quaternaireborder: rgba(203, 209, 219, 1); --quaternairebackground: var(--black, #000); --quaternairelabel: rgba(255, 237, 0, 1); --textdisabled: rgba(82, 117, 142, 1); --textdisabled-rgb: 82, 117, 142; --disabledstroke: rgba(82, 117, 142, 1); --disabledbackground: var(--appbackground, #FBF5F7); --goodanswerbackground: rgba(20, 106, 104, 1); --goodanswerstroke: rgba(55, 198, 195, 1); --goodanswerstroke-rgb: 55, 198, 195; --badanswerbackground: rgba(245, 52, 64, 1); --badanswerstroke: rgba(160, 35, 35, 1); --discoveredanswerbackground: var(--black, #000); --discoveredanswerstroke: rgba(206, 225, 236, 1); --progressionbackground: rgba(229, 235, 241, 1); --progressionbackground-rgb: 229, 235, 241; --progressionborder: rgba(206, 225, 236, 1); --progressiongood: rgba(55, 198, 195, 1); --progressionbad: rgba(245, 52, 64, 1); /** lessons-header **/ --color-lessons-header: #ebebeb; --color-lessons-header-rgb: 50, 58, 73; --color-lessons-header-contrast: white; --color-lessons-header-contrast-rgb: 255, 255, 255; --color-lessons-header-shade: #2C3442; --color-lessons-header-tint: #4D576C; } /* * DOSSIER D’ABSTRACTIONS CSS-LIBRARY * * Le dossier abstracts/ regroupe les outils et helpers Sass utilisés à travers le projet. Toutes les variables globales, * les fonctions, les mixins et les placeholders devraient se retrouver dans ce dossier. * * La règle générale concernant ce dossier est qu’il ne devrait pas retourner une seule ligne de CSS * s’il était compilé seul. Ce ne sont ici que des helpers Sass. * */ .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } *:focus-visible:not(input), .cdk-keyboard-focused { outline: 2px auto Highlight !important; outline: 2px auto -webkit-focus-ring-color !important; } a:focus-visible:not(.nav-link) { outline-offset: 0.4em; } .mat-mdc-option:not(.mat-mdc-option-disabled).mat-mdc-option-active { outline: 2px solid black; outline-offset: -2px; } .mat-mdc-option:not(.mat-mdc-option-disabled).mdc-list-item--selected { color: black !important; } #login .mat-mdc-form-field.mat-focused .mat-mdc-form-field-flex, #register .mat-mdc-form-field.mat-focused .mat-mdc-form-field-flex { outline: 2px auto Highlight !important; outline: 2px auto -webkit-focus-ring-color !important; } #login .mat-mdc-form-field.mat-focused .mat-mdc-form-field-flex .mat-mdc-select, #register .mat-mdc-form-field.mat-focused .mat-mdc-form-field-flex .mat-mdc-select { outline: none !important; } #skiptocontent a { position: absolute; z-index: 100; top: -40px; left: 0; padding: 6px; background-color: #BF1722; color: white; border-right: 1px solid white; border-bottom: 1px solid white; border-bottom-right-radius: 8px; transition: top 200ms ease-in-out; } #skiptocontent a:focus { top: 0; outline-color: transparent; } /* ... */ /** * /assets////nom_asset.ext * Les assets peuvent être organisés par modules et appelé depuis le css (background) ou depuis le html d'un composant. */ /* * * fxflex deprecated * Remplacez par les placeholders suivant * */ .fxDisplayFlex { display: flex; } /* /!\ PAS de Height 100% */ /* /!\ PAS de Width 100% */ /*************************************** / || / ***************************************/ /* ^ / || / */ /* ^ / || / */ /* column / || / << row >> */ /* v / || / */ /* v / || / */ /*************************************** / || / ***************************************/ .fxNoneColumnCenterNone { flex: 1; } /****************************************/ /*A*/ /*B*/ /*C*/ /* */ /* */ /****************************************/ .fxNoneColumnCenterNone { flex: 0 0 auto; display: flex; flex-direction: column; place-content: stretch center; align-items: stretch; } /****************************************/ /* A */ /* B */ /* C */ /* */ /* */ /****************************************/ .fxFlexColumn { display: flex; flex-direction: column; } /****************************************/ /* */ /* A B C D */ /* */ /****************************************/ .fxRowSpaceAroundCenter { height: 100%; flex-direction: row; box-sizing: border-box; display: flex; align-items: center; place-content: center space-around; } /****************************************/ /* */ /*A B C D*/ /* */ /****************************************/ .fxRowSpaceAroundCenter { height: 100%; flex-direction: row; box-sizing: border-box; display: flex; place-content: center space-between; align-items: center; } /****************************************/ /* */ /*ABCD */ /* */ /****************************************/ .fxRowStartCenter { height: 100%; flex-direction: row; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; } /****************************************/ /*A B C D*/ /*A B C D*/ /*A B C D*/ /****************************************/ .fxRowSpaceBetweenStretch { height: 100%; flex-direction: row; box-sizing: border-box; display: flex; place-content: stretch space-between; align-items: stretch; max-height: 100%; } /******************/ /*AAAAAAAAAAAAAAAA*/ /*BBBBBBBBBBBBBBBB*/ /*CCCCCCCCCCCCCCCC*/ /* */ /* */ /******************/ dashboard .dash-widget-wrapper-parent, .fxColStartStretch { height: 100%; flex-direction: column; box-sizing: border-box; display: flex; place-content: stretch flex-start; align-items: stretch; max-width: 100%; } /* xs: 0, sm: 600px, md: 960px, lg: 1280px, xl: 1920px */ /* V */ /*______ V ______|_____V______*/ /*______ V ______|_____V______*/ /*______ V ______|____________*/ default, .invisible { display: none; } /** * Common style for matching typologies (e.g. order-matching and text-matching). */ /** * Common style for radio groups displaying Net Promoter Score (e.g. inside nps and feedback-dialog components). */ /** * Common style for components displaying progress data, start button and search button related to onboarding (e.g. inside home-page and first-time-user-experience-step-two components). */ /** * Common style for tool lists (e.g. bd-list, mindmap-list, notepad-list and gamecode-list components). */ /** * Common style for tool cards (e.g. bd-card, mindmap-card, notepad-card and gamecode-card components). */ /* ----- placeholder ----- */ /* * ************** FIGMA VARIABLES ***************** */ :root { --padding-lateral-viewport: 16px; --gap-vertical-viewport: 10px; } /* * ************** VARIABLES PRECEDENTES ***************** */ :root { --activities-width: 80%; --max-small-device: 70%; } /** * This custom reset stylesheet is used in older projects to avoid regressions but should not be used in new projects, as it is not standardized. */ * { text-rendering: optimizeLegibility; -webkit-tap-highlight-color: transparent; box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } *:focus { outline: none; } html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; } *:not(mat-form-field) > input { border: none; border-radius: 0; padding: 0; margin: 0; } *:not(mat-form-field) > input[type=text], *:not(mat-form-field) > input[type=tel], *:not(mat-form-field) > input[type=email], *:not(mat-form-field) > input[type=search], *:not(mat-form-field) > input[type=password], *:not(mat-form-field) > input[type=submit], *:not(mat-form-field) > input[type=image], *:not(mat-form-field) > textarea { -webkit-appearance: none; appearance: none; border: none; border-radius: 0; padding: 0; margin: 0; } *:not(mat-form-field) > input[type=submit] { background: none; } button { margin: 0; padding: 0; border-radius: 0; font-family: inherit; font-size: inherit; -webkit-appearance: none; appearance: none; } img { max-width: 100%; height: auto; vertical-align: top; border: none; } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #FF0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color 0.2s linear, height 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color 0.2s linear, width 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .position-relative { position: relative; } .position-absolute { position: absolute; } .position-static { position: static; } @media (min-width: 600px) { .position-sm-relative { position: relative; } .position-sm-absolute { position: absolute; } .position-sm-static { position: static; } } @media (min-width: 960px) { .position-md-relative { position: relative; } .position-md-absolute { position: absolute; } .position-md-static { position: static; } } @media (min-width: 1280px) { .position-lg-relative { position: relative; } .position-lg-absolute { position: absolute; } .position-lg-static { position: static; } } @media (min-width: 1920px) { .position-xl-relative { position: relative; } .position-xl-absolute { position: absolute; } .position-xl-static { position: static; } } .align-top { top: 0; } .align-right { right: 0; } .align-bottom { bottom: 0; } .align-left { left: 0; } @media (min-width: 600px) { .align-sm-top { top: 0; } .align-sm-right { right: 0; } .align-sm-bottom { bottom: 0; } .align-sm-left { left: 0; } } @media (min-width: 960px) { .align-md-top { top: 0; } .align-md-right { right: 0; } .align-md-bottom { bottom: 0; } .align-md-left { left: 0; } } @media (min-width: 1280px) { .align-lg-top { top: 0; } .align-lg-right { right: 0; } .align-lg-bottom { bottom: 0; } .align-lg-left { left: 0; } } @media (min-width: 1920px) { .align-xl-top { top: 0; } .align-xl-right { right: 0; } .align-xl-bottom { bottom: 0; } .align-xl-left { left: 0; } } .h-0 { height: 0px !important; min-height: 0px !important; max-height: 0px !important; } .h-4 { height: 4px !important; min-height: 4px !important; max-height: 4px !important; } .h-8 { height: 8px !important; min-height: 8px !important; max-height: 8px !important; } .h-12 { height: 12px !important; min-height: 12px !important; max-height: 12px !important; } .h-16 { height: 16px !important; min-height: 16px !important; max-height: 16px !important; } .h-20 { height: 20px !important; min-height: 20px !important; max-height: 20px !important; } .h-24 { height: 24px !important; min-height: 24px !important; max-height: 24px !important; } .h-28 { height: 28px !important; min-height: 28px !important; max-height: 28px !important; } .h-32 { height: 32px !important; min-height: 32px !important; max-height: 32px !important; } .h-36 { height: 36px !important; min-height: 36px !important; max-height: 36px !important; } .h-40 { height: 40px !important; min-height: 40px !important; max-height: 40px !important; } .h-44 { height: 44px !important; min-height: 44px !important; max-height: 44px !important; } .h-48 { height: 48px !important; min-height: 48px !important; max-height: 48px !important; } .h-52 { height: 52px !important; min-height: 52px !important; max-height: 52px !important; } .h-56 { height: 56px !important; min-height: 56px !important; max-height: 56px !important; } .h-60 { height: 60px !important; min-height: 60px !important; max-height: 60px !important; } .h-64 { height: 64px !important; min-height: 64px !important; max-height: 64px !important; } .h-68 { height: 68px !important; min-height: 68px !important; max-height: 68px !important; } .h-72 { height: 72px !important; min-height: 72px !important; max-height: 72px !important; } .h-76 { height: 76px !important; min-height: 76px !important; max-height: 76px !important; } .h-80 { height: 80px !important; min-height: 80px !important; max-height: 80px !important; } .h-84 { height: 84px !important; min-height: 84px !important; max-height: 84px !important; } .h-88 { height: 88px !important; min-height: 88px !important; max-height: 88px !important; } .h-92 { height: 92px !important; min-height: 92px !important; max-height: 92px !important; } .h-96 { height: 96px !important; min-height: 96px !important; max-height: 96px !important; } .h-100 { height: 100px !important; min-height: 100px !important; max-height: 100px !important; } .h-104 { height: 104px !important; min-height: 104px !important; max-height: 104px !important; } .h-108 { height: 108px !important; min-height: 108px !important; max-height: 108px !important; } .h-112 { height: 112px !important; min-height: 112px !important; max-height: 112px !important; } .h-116 { height: 116px !important; min-height: 116px !important; max-height: 116px !important; } .h-120 { height: 120px !important; min-height: 120px !important; max-height: 120px !important; } .h-124 { height: 124px !important; min-height: 124px !important; max-height: 124px !important; } .h-128 { height: 128px !important; min-height: 128px !important; max-height: 128px !important; } .h-132 { height: 132px !important; min-height: 132px !important; max-height: 132px !important; } .h-136 { height: 136px !important; min-height: 136px !important; max-height: 136px !important; } .h-140 { height: 140px !important; min-height: 140px !important; max-height: 140px !important; } .h-144 { height: 144px !important; min-height: 144px !important; max-height: 144px !important; } .h-148 { height: 148px !important; min-height: 148px !important; max-height: 148px !important; } .h-152 { height: 152px !important; min-height: 152px !important; max-height: 152px !important; } .h-156 { height: 156px !important; min-height: 156px !important; max-height: 156px !important; } .h-160 { height: 160px !important; min-height: 160px !important; max-height: 160px !important; } .h-164 { height: 164px !important; min-height: 164px !important; max-height: 164px !important; } .h-168 { height: 168px !important; min-height: 168px !important; max-height: 168px !important; } .h-172 { height: 172px !important; min-height: 172px !important; max-height: 172px !important; } .h-176 { height: 176px !important; min-height: 176px !important; max-height: 176px !important; } .h-180 { height: 180px !important; min-height: 180px !important; max-height: 180px !important; } .h-184 { height: 184px !important; min-height: 184px !important; max-height: 184px !important; } .h-188 { height: 188px !important; min-height: 188px !important; max-height: 188px !important; } .h-192 { height: 192px !important; min-height: 192px !important; max-height: 192px !important; } .h-196 { height: 196px !important; min-height: 196px !important; max-height: 196px !important; } .h-200 { height: 200px !important; min-height: 200px !important; max-height: 200px !important; } .h-204 { height: 204px !important; min-height: 204px !important; max-height: 204px !important; } .h-208 { height: 208px !important; min-height: 208px !important; max-height: 208px !important; } .h-212 { height: 212px !important; min-height: 212px !important; max-height: 212px !important; } .h-216 { height: 216px !important; min-height: 216px !important; max-height: 216px !important; } .h-220 { height: 220px !important; min-height: 220px !important; max-height: 220px !important; } .h-224 { height: 224px !important; min-height: 224px !important; max-height: 224px !important; } .h-228 { height: 228px !important; min-height: 228px !important; max-height: 228px !important; } .h-232 { height: 232px !important; min-height: 232px !important; max-height: 232px !important; } .h-236 { height: 236px !important; min-height: 236px !important; max-height: 236px !important; } .h-240 { height: 240px !important; min-height: 240px !important; max-height: 240px !important; } .h-244 { height: 244px !important; min-height: 244px !important; max-height: 244px !important; } .h-248 { height: 248px !important; min-height: 248px !important; max-height: 248px !important; } .h-252 { height: 252px !important; min-height: 252px !important; max-height: 252px !important; } .h-256 { height: 256px !important; min-height: 256px !important; max-height: 256px !important; } .h-260 { height: 260px !important; min-height: 260px !important; max-height: 260px !important; } .h-264 { height: 264px !important; min-height: 264px !important; max-height: 264px !important; } .h-268 { height: 268px !important; min-height: 268px !important; max-height: 268px !important; } .h-272 { height: 272px !important; min-height: 272px !important; max-height: 272px !important; } .h-276 { height: 276px !important; min-height: 276px !important; max-height: 276px !important; } .h-280 { height: 280px !important; min-height: 280px !important; max-height: 280px !important; } .h-284 { height: 284px !important; min-height: 284px !important; max-height: 284px !important; } .h-288 { height: 288px !important; min-height: 288px !important; max-height: 288px !important; } .h-292 { height: 292px !important; min-height: 292px !important; max-height: 292px !important; } .h-296 { height: 296px !important; min-height: 296px !important; max-height: 296px !important; } .h-300 { height: 300px !important; min-height: 300px !important; max-height: 300px !important; } .h-304 { height: 304px !important; min-height: 304px !important; max-height: 304px !important; } .h-308 { height: 308px !important; min-height: 308px !important; max-height: 308px !important; } .h-312 { height: 312px !important; min-height: 312px !important; max-height: 312px !important; } .h-316 { height: 316px !important; min-height: 316px !important; max-height: 316px !important; } .h-320 { height: 320px !important; min-height: 320px !important; max-height: 320px !important; } .h-324 { height: 324px !important; min-height: 324px !important; max-height: 324px !important; } .h-328 { height: 328px !important; min-height: 328px !important; max-height: 328px !important; } .h-332 { height: 332px !important; min-height: 332px !important; max-height: 332px !important; } .h-336 { height: 336px !important; min-height: 336px !important; max-height: 336px !important; } .h-340 { height: 340px !important; min-height: 340px !important; max-height: 340px !important; } .h-344 { height: 344px !important; min-height: 344px !important; max-height: 344px !important; } .h-348 { height: 348px !important; min-height: 348px !important; max-height: 348px !important; } .h-352 { height: 352px !important; min-height: 352px !important; max-height: 352px !important; } .h-356 { height: 356px !important; min-height: 356px !important; max-height: 356px !important; } .h-360 { height: 360px !important; min-height: 360px !important; max-height: 360px !important; } .h-364 { height: 364px !important; min-height: 364px !important; max-height: 364px !important; } .h-368 { height: 368px !important; min-height: 368px !important; max-height: 368px !important; } .h-372 { height: 372px !important; min-height: 372px !important; max-height: 372px !important; } .h-376 { height: 376px !important; min-height: 376px !important; max-height: 376px !important; } .h-380 { height: 380px !important; min-height: 380px !important; max-height: 380px !important; } .h-384 { height: 384px !important; min-height: 384px !important; max-height: 384px !important; } .h-388 { height: 388px !important; min-height: 388px !important; max-height: 388px !important; } .h-392 { height: 392px !important; min-height: 392px !important; max-height: 392px !important; } .h-396 { height: 396px !important; min-height: 396px !important; max-height: 396px !important; } .h-400 { height: 400px !important; min-height: 400px !important; max-height: 400px !important; } .h-404 { height: 404px !important; min-height: 404px !important; max-height: 404px !important; } .h-408 { height: 408px !important; min-height: 408px !important; max-height: 408px !important; } .h-412 { height: 412px !important; min-height: 412px !important; max-height: 412px !important; } .h-416 { height: 416px !important; min-height: 416px !important; max-height: 416px !important; } .h-420 { height: 420px !important; min-height: 420px !important; max-height: 420px !important; } .h-424 { height: 424px !important; min-height: 424px !important; max-height: 424px !important; } .h-428 { height: 428px !important; min-height: 428px !important; max-height: 428px !important; } .h-432 { height: 432px !important; min-height: 432px !important; max-height: 432px !important; } .h-436 { height: 436px !important; min-height: 436px !important; max-height: 436px !important; } .h-440 { height: 440px !important; min-height: 440px !important; max-height: 440px !important; } .h-444 { height: 444px !important; min-height: 444px !important; max-height: 444px !important; } .h-448 { height: 448px !important; min-height: 448px !important; max-height: 448px !important; } .h-452 { height: 452px !important; min-height: 452px !important; max-height: 452px !important; } .h-456 { height: 456px !important; min-height: 456px !important; max-height: 456px !important; } .h-460 { height: 460px !important; min-height: 460px !important; max-height: 460px !important; } .h-464 { height: 464px !important; min-height: 464px !important; max-height: 464px !important; } .h-468 { height: 468px !important; min-height: 468px !important; max-height: 468px !important; } .h-472 { height: 472px !important; min-height: 472px !important; max-height: 472px !important; } .h-476 { height: 476px !important; min-height: 476px !important; max-height: 476px !important; } .h-480 { height: 480px !important; min-height: 480px !important; max-height: 480px !important; } .h-484 { height: 484px !important; min-height: 484px !important; max-height: 484px !important; } .h-488 { height: 488px !important; min-height: 488px !important; max-height: 488px !important; } .h-492 { height: 492px !important; min-height: 492px !important; max-height: 492px !important; } .h-496 { height: 496px !important; min-height: 496px !important; max-height: 496px !important; } .h-500 { height: 500px !important; min-height: 500px !important; max-height: 500px !important; } .h-504 { height: 504px !important; min-height: 504px !important; max-height: 504px !important; } .h-508 { height: 508px !important; min-height: 508px !important; max-height: 508px !important; } .h-512 { height: 512px !important; min-height: 512px !important; max-height: 512px !important; } .h-516 { height: 516px !important; min-height: 516px !important; max-height: 516px !important; } .h-520 { height: 520px !important; min-height: 520px !important; max-height: 520px !important; } .h-524 { height: 524px !important; min-height: 524px !important; max-height: 524px !important; } .h-528 { height: 528px !important; min-height: 528px !important; max-height: 528px !important; } .h-532 { height: 532px !important; min-height: 532px !important; max-height: 532px !important; } .h-536 { height: 536px !important; min-height: 536px !important; max-height: 536px !important; } .h-540 { height: 540px !important; min-height: 540px !important; max-height: 540px !important; } .h-544 { height: 544px !important; min-height: 544px !important; max-height: 544px !important; } .h-548 { height: 548px !important; min-height: 548px !important; max-height: 548px !important; } .h-552 { height: 552px !important; min-height: 552px !important; max-height: 552px !important; } .h-556 { height: 556px !important; min-height: 556px !important; max-height: 556px !important; } .h-560 { height: 560px !important; min-height: 560px !important; max-height: 560px !important; } .h-564 { height: 564px !important; min-height: 564px !important; max-height: 564px !important; } .h-568 { height: 568px !important; min-height: 568px !important; max-height: 568px !important; } .h-572 { height: 572px !important; min-height: 572px !important; max-height: 572px !important; } .h-576 { height: 576px !important; min-height: 576px !important; max-height: 576px !important; } .h-580 { height: 580px !important; min-height: 580px !important; max-height: 580px !important; } .h-584 { height: 584px !important; min-height: 584px !important; max-height: 584px !important; } .h-588 { height: 588px !important; min-height: 588px !important; max-height: 588px !important; } .h-592 { height: 592px !important; min-height: 592px !important; max-height: 592px !important; } .h-596 { height: 596px !important; min-height: 596px !important; max-height: 596px !important; } .h-600 { height: 600px !important; min-height: 600px !important; max-height: 600px !important; } .h-604 { height: 604px !important; min-height: 604px !important; max-height: 604px !important; } .h-608 { height: 608px !important; min-height: 608px !important; max-height: 608px !important; } .h-612 { height: 612px !important; min-height: 612px !important; max-height: 612px !important; } .h-616 { height: 616px !important; min-height: 616px !important; max-height: 616px !important; } .h-620 { height: 620px !important; min-height: 620px !important; max-height: 620px !important; } .h-624 { height: 624px !important; min-height: 624px !important; max-height: 624px !important; } .h-628 { height: 628px !important; min-height: 628px !important; max-height: 628px !important; } .h-632 { height: 632px !important; min-height: 632px !important; max-height: 632px !important; } .h-636 { height: 636px !important; min-height: 636px !important; max-height: 636px !important; } .h-640 { height: 640px !important; min-height: 640px !important; max-height: 640px !important; } .h-644 { height: 644px !important; min-height: 644px !important; max-height: 644px !important; } .h-648 { height: 648px !important; min-height: 648px !important; max-height: 648px !important; } .h-652 { height: 652px !important; min-height: 652px !important; max-height: 652px !important; } .h-656 { height: 656px !important; min-height: 656px !important; max-height: 656px !important; } .h-660 { height: 660px !important; min-height: 660px !important; max-height: 660px !important; } .h-664 { height: 664px !important; min-height: 664px !important; max-height: 664px !important; } .h-668 { height: 668px !important; min-height: 668px !important; max-height: 668px !important; } .h-672 { height: 672px !important; min-height: 672px !important; max-height: 672px !important; } .h-676 { height: 676px !important; min-height: 676px !important; max-height: 676px !important; } .h-680 { height: 680px !important; min-height: 680px !important; max-height: 680px !important; } .h-684 { height: 684px !important; min-height: 684px !important; max-height: 684px !important; } .h-688 { height: 688px !important; min-height: 688px !important; max-height: 688px !important; } .h-692 { height: 692px !important; min-height: 692px !important; max-height: 692px !important; } .h-696 { height: 696px !important; min-height: 696px !important; max-height: 696px !important; } .h-700 { height: 700px !important; min-height: 700px !important; max-height: 700px !important; } .h-704 { height: 704px !important; min-height: 704px !important; max-height: 704px !important; } .h-708 { height: 708px !important; min-height: 708px !important; max-height: 708px !important; } .h-712 { height: 712px !important; min-height: 712px !important; max-height: 712px !important; } .h-716 { height: 716px !important; min-height: 716px !important; max-height: 716px !important; } .h-720 { height: 720px !important; min-height: 720px !important; max-height: 720px !important; } .h-0-p { height: 0% !important; } .h-5-p { height: 5% !important; } .h-10-p { height: 10% !important; } .h-15-p { height: 15% !important; } .h-20-p { height: 20% !important; } .h-25-p { height: 25% !important; } .h-30-p { height: 30% !important; } .h-35-p { height: 35% !important; } .h-40-p { height: 40% !important; } .h-45-p { height: 45% !important; } .h-50-p { height: 50% !important; } .h-55-p { height: 55% !important; } .h-60-p { height: 60% !important; } .h-65-p { height: 65% !important; } .h-70-p { height: 70% !important; } .h-75-p { height: 75% !important; } .h-80-p { height: 80% !important; } .h-85-p { height: 85% !important; } .h-90-p { height: 90% !important; } .h-95-p { height: 95% !important; } .h-100-p { height: 100% !important; } .w-0 { width: 0px !important; min-width: 0px !important; max-width: 0px !important; } .w-4 { width: 4px !important; min-width: 4px !important; max-width: 4px !important; } .w-8 { width: 8px !important; min-width: 8px !important; max-width: 8px !important; } .w-12 { width: 12px !important; min-width: 12px !important; max-width: 12px !important; } .w-16 { width: 16px !important; min-width: 16px !important; max-width: 16px !important; } .w-20 { width: 20px !important; min-width: 20px !important; max-width: 20px !important; } .w-24 { width: 24px !important; min-width: 24px !important; max-width: 24px !important; } .w-28 { width: 28px !important; min-width: 28px !important; max-width: 28px !important; } .w-32 { width: 32px !important; min-width: 32px !important; max-width: 32px !important; } .w-36 { width: 36px !important; min-width: 36px !important; max-width: 36px !important; } .w-40 { width: 40px !important; min-width: 40px !important; max-width: 40px !important; } .w-44 { width: 44px !important; min-width: 44px !important; max-width: 44px !important; } .w-48 { width: 48px !important; min-width: 48px !important; max-width: 48px !important; } .w-52 { width: 52px !important; min-width: 52px !important; max-width: 52px !important; } .w-56 { width: 56px !important; min-width: 56px !important; max-width: 56px !important; } .w-60 { width: 60px !important; min-width: 60px !important; max-width: 60px !important; } .w-64 { width: 64px !important; min-width: 64px !important; max-width: 64px !important; } .w-68 { width: 68px !important; min-width: 68px !important; max-width: 68px !important; } .w-72 { width: 72px !important; min-width: 72px !important; max-width: 72px !important; } .w-76 { width: 76px !important; min-width: 76px !important; max-width: 76px !important; } .w-80 { width: 80px !important; min-width: 80px !important; max-width: 80px !important; } .w-84 { width: 84px !important; min-width: 84px !important; max-width: 84px !important; } .w-88 { width: 88px !important; min-width: 88px !important; max-width: 88px !important; } .w-92 { width: 92px !important; min-width: 92px !important; max-width: 92px !important; } .w-96 { width: 96px !important; min-width: 96px !important; max-width: 96px !important; } .w-100 { width: 100px !important; min-width: 100px !important; max-width: 100px !important; } .w-104 { width: 104px !important; min-width: 104px !important; max-width: 104px !important; } .w-108 { width: 108px !important; min-width: 108px !important; max-width: 108px !important; } .w-112 { width: 112px !important; min-width: 112px !important; max-width: 112px !important; } .w-116 { width: 116px !important; min-width: 116px !important; max-width: 116px !important; } .w-120 { width: 120px !important; min-width: 120px !important; max-width: 120px !important; } .w-124 { width: 124px !important; min-width: 124px !important; max-width: 124px !important; } .w-128 { width: 128px !important; min-width: 128px !important; max-width: 128px !important; } .w-132 { width: 132px !important; min-width: 132px !important; max-width: 132px !important; } .w-136 { width: 136px !important; min-width: 136px !important; max-width: 136px !important; } .w-140 { width: 140px !important; min-width: 140px !important; max-width: 140px !important; } .w-144 { width: 144px !important; min-width: 144px !important; max-width: 144px !important; } .w-148 { width: 148px !important; min-width: 148px !important; max-width: 148px !important; } .w-152 { width: 152px !important; min-width: 152px !important; max-width: 152px !important; } .w-156 { width: 156px !important; min-width: 156px !important; max-width: 156px !important; } .w-160 { width: 160px !important; min-width: 160px !important; max-width: 160px !important; } .w-164 { width: 164px !important; min-width: 164px !important; max-width: 164px !important; } .w-168 { width: 168px !important; min-width: 168px !important; max-width: 168px !important; } .w-172 { width: 172px !important; min-width: 172px !important; max-width: 172px !important; } .w-176 { width: 176px !important; min-width: 176px !important; max-width: 176px !important; } .w-180 { width: 180px !important; min-width: 180px !important; max-width: 180px !important; } .w-184 { width: 184px !important; min-width: 184px !important; max-width: 184px !important; } .w-188 { width: 188px !important; min-width: 188px !important; max-width: 188px !important; } .w-192 { width: 192px !important; min-width: 192px !important; max-width: 192px !important; } .w-196 { width: 196px !important; min-width: 196px !important; max-width: 196px !important; } .w-200 { width: 200px !important; min-width: 200px !important; max-width: 200px !important; } .w-204 { width: 204px !important; min-width: 204px !important; max-width: 204px !important; } .w-208 { width: 208px !important; min-width: 208px !important; max-width: 208px !important; } .w-212 { width: 212px !important; min-width: 212px !important; max-width: 212px !important; } .w-216 { width: 216px !important; min-width: 216px !important; max-width: 216px !important; } .w-220 { width: 220px !important; min-width: 220px !important; max-width: 220px !important; } .w-224 { width: 224px !important; min-width: 224px !important; max-width: 224px !important; } .w-228 { width: 228px !important; min-width: 228px !important; max-width: 228px !important; } .w-232 { width: 232px !important; min-width: 232px !important; max-width: 232px !important; } .w-236 { width: 236px !important; min-width: 236px !important; max-width: 236px !important; } .w-240 { width: 240px !important; min-width: 240px !important; max-width: 240px !important; } .w-244 { width: 244px !important; min-width: 244px !important; max-width: 244px !important; } .w-248 { width: 248px !important; min-width: 248px !important; max-width: 248px !important; } .w-252 { width: 252px !important; min-width: 252px !important; max-width: 252px !important; } .w-256 { width: 256px !important; min-width: 256px !important; max-width: 256px !important; } .w-260 { width: 260px !important; min-width: 260px !important; max-width: 260px !important; } .w-264 { width: 264px !important; min-width: 264px !important; max-width: 264px !important; } .w-268 { width: 268px !important; min-width: 268px !important; max-width: 268px !important; } .w-272 { width: 272px !important; min-width: 272px !important; max-width: 272px !important; } .w-276 { width: 276px !important; min-width: 276px !important; max-width: 276px !important; } .w-280 { width: 280px !important; min-width: 280px !important; max-width: 280px !important; } .w-284 { width: 284px !important; min-width: 284px !important; max-width: 284px !important; } .w-288 { width: 288px !important; min-width: 288px !important; max-width: 288px !important; } .w-292 { width: 292px !important; min-width: 292px !important; max-width: 292px !important; } .w-296 { width: 296px !important; min-width: 296px !important; max-width: 296px !important; } .w-300 { width: 300px !important; min-width: 300px !important; max-width: 300px !important; } .w-304 { width: 304px !important; min-width: 304px !important; max-width: 304px !important; } .w-308 { width: 308px !important; min-width: 308px !important; max-width: 308px !important; } .w-312 { width: 312px !important; min-width: 312px !important; max-width: 312px !important; } .w-316 { width: 316px !important; min-width: 316px !important; max-width: 316px !important; } .w-320 { width: 320px !important; min-width: 320px !important; max-width: 320px !important; } .w-324 { width: 324px !important; min-width: 324px !important; max-width: 324px !important; } .w-328 { width: 328px !important; min-width: 328px !important; max-width: 328px !important; } .w-332 { width: 332px !important; min-width: 332px !important; max-width: 332px !important; } .w-336 { width: 336px !important; min-width: 336px !important; max-width: 336px !important; } .w-340 { width: 340px !important; min-width: 340px !important; max-width: 340px !important; } .w-344 { width: 344px !important; min-width: 344px !important; max-width: 344px !important; } .w-348 { width: 348px !important; min-width: 348px !important; max-width: 348px !important; } .w-352 { width: 352px !important; min-width: 352px !important; max-width: 352px !important; } .w-356 { width: 356px !important; min-width: 356px !important; max-width: 356px !important; } .w-360 { width: 360px !important; min-width: 360px !important; max-width: 360px !important; } .w-364 { width: 364px !important; min-width: 364px !important; max-width: 364px !important; } .w-368 { width: 368px !important; min-width: 368px !important; max-width: 368px !important; } .w-372 { width: 372px !important; min-width: 372px !important; max-width: 372px !important; } .w-376 { width: 376px !important; min-width: 376px !important; max-width: 376px !important; } .w-380 { width: 380px !important; min-width: 380px !important; max-width: 380px !important; } .w-384 { width: 384px !important; min-width: 384px !important; max-width: 384px !important; } .w-388 { width: 388px !important; min-width: 388px !important; max-width: 388px !important; } .w-392 { width: 392px !important; min-width: 392px !important; max-width: 392px !important; } .w-396 { width: 396px !important; min-width: 396px !important; max-width: 396px !important; } .w-400 { width: 400px !important; min-width: 400px !important; max-width: 400px !important; } .w-404 { width: 404px !important; min-width: 404px !important; max-width: 404px !important; } .w-408 { width: 408px !important; min-width: 408px !important; max-width: 408px !important; } .w-412 { width: 412px !important; min-width: 412px !important; max-width: 412px !important; } .w-416 { width: 416px !important; min-width: 416px !important; max-width: 416px !important; } .w-420 { width: 420px !important; min-width: 420px !important; max-width: 420px !important; } .w-424 { width: 424px !important; min-width: 424px !important; max-width: 424px !important; } .w-428 { width: 428px !important; min-width: 428px !important; max-width: 428px !important; } .w-432 { width: 432px !important; min-width: 432px !important; max-width: 432px !important; } .w-436 { width: 436px !important; min-width: 436px !important; max-width: 436px !important; } .w-440 { width: 440px !important; min-width: 440px !important; max-width: 440px !important; } .w-444 { width: 444px !important; min-width: 444px !important; max-width: 444px !important; } .w-448 { width: 448px !important; min-width: 448px !important; max-width: 448px !important; } .w-452 { width: 452px !important; min-width: 452px !important; max-width: 452px !important; } .w-456 { width: 456px !important; min-width: 456px !important; max-width: 456px !important; } .w-460 { width: 460px !important; min-width: 460px !important; max-width: 460px !important; } .w-464 { width: 464px !important; min-width: 464px !important; max-width: 464px !important; } .w-468 { width: 468px !important; min-width: 468px !important; max-width: 468px !important; } .w-472 { width: 472px !important; min-width: 472px !important; max-width: 472px !important; } .w-476 { width: 476px !important; min-width: 476px !important; max-width: 476px !important; } .w-480 { width: 480px !important; min-width: 480px !important; max-width: 480px !important; } .w-484 { width: 484px !important; min-width: 484px !important; max-width: 484px !important; } .w-488 { width: 488px !important; min-width: 488px !important; max-width: 488px !important; } .w-492 { width: 492px !important; min-width: 492px !important; max-width: 492px !important; } .w-496 { width: 496px !important; min-width: 496px !important; max-width: 496px !important; } .w-500 { width: 500px !important; min-width: 500px !important; max-width: 500px !important; } .w-504 { width: 504px !important; min-width: 504px !important; max-width: 504px !important; } .w-508 { width: 508px !important; min-width: 508px !important; max-width: 508px !important; } .w-512 { width: 512px !important; min-width: 512px !important; max-width: 512px !important; } .w-516 { width: 516px !important; min-width: 516px !important; max-width: 516px !important; } .w-520 { width: 520px !important; min-width: 520px !important; max-width: 520px !important; } .w-524 { width: 524px !important; min-width: 524px !important; max-width: 524px !important; } .w-528 { width: 528px !important; min-width: 528px !important; max-width: 528px !important; } .w-532 { width: 532px !important; min-width: 532px !important; max-width: 532px !important; } .w-536 { width: 536px !important; min-width: 536px !important; max-width: 536px !important; } .w-540 { width: 540px !important; min-width: 540px !important; max-width: 540px !important; } .w-544 { width: 544px !important; min-width: 544px !important; max-width: 544px !important; } .w-548 { width: 548px !important; min-width: 548px !important; max-width: 548px !important; } .w-552 { width: 552px !important; min-width: 552px !important; max-width: 552px !important; } .w-556 { width: 556px !important; min-width: 556px !important; max-width: 556px !important; } .w-560 { width: 560px !important; min-width: 560px !important; max-width: 560px !important; } .w-564 { width: 564px !important; min-width: 564px !important; max-width: 564px !important; } .w-568 { width: 568px !important; min-width: 568px !important; max-width: 568px !important; } .w-572 { width: 572px !important; min-width: 572px !important; max-width: 572px !important; } .w-576 { width: 576px !important; min-width: 576px !important; max-width: 576px !important; } .w-580 { width: 580px !important; min-width: 580px !important; max-width: 580px !important; } .w-584 { width: 584px !important; min-width: 584px !important; max-width: 584px !important; } .w-588 { width: 588px !important; min-width: 588px !important; max-width: 588px !important; } .w-592 { width: 592px !important; min-width: 592px !important; max-width: 592px !important; } .w-596 { width: 596px !important; min-width: 596px !important; max-width: 596px !important; } .w-600 { width: 600px !important; min-width: 600px !important; max-width: 600px !important; } .w-604 { width: 604px !important; min-width: 604px !important; max-width: 604px !important; } .w-608 { width: 608px !important; min-width: 608px !important; max-width: 608px !important; } .w-612 { width: 612px !important; min-width: 612px !important; max-width: 612px !important; } .w-616 { width: 616px !important; min-width: 616px !important; max-width: 616px !important; } .w-620 { width: 620px !important; min-width: 620px !important; max-width: 620px !important; } .w-624 { width: 624px !important; min-width: 624px !important; max-width: 624px !important; } .w-628 { width: 628px !important; min-width: 628px !important; max-width: 628px !important; } .w-632 { width: 632px !important; min-width: 632px !important; max-width: 632px !important; } .w-636 { width: 636px !important; min-width: 636px !important; max-width: 636px !important; } .w-640 { width: 640px !important; min-width: 640px !important; max-width: 640px !important; } .w-644 { width: 644px !important; min-width: 644px !important; max-width: 644px !important; } .w-648 { width: 648px !important; min-width: 648px !important; max-width: 648px !important; } .w-652 { width: 652px !important; min-width: 652px !important; max-width: 652px !important; } .w-656 { width: 656px !important; min-width: 656px !important; max-width: 656px !important; } .w-660 { width: 660px !important; min-width: 660px !important; max-width: 660px !important; } .w-664 { width: 664px !important; min-width: 664px !important; max-width: 664px !important; } .w-668 { width: 668px !important; min-width: 668px !important; max-width: 668px !important; } .w-672 { width: 672px !important; min-width: 672px !important; max-width: 672px !important; } .w-676 { width: 676px !important; min-width: 676px !important; max-width: 676px !important; } .w-680 { width: 680px !important; min-width: 680px !important; max-width: 680px !important; } .w-684 { width: 684px !important; min-width: 684px !important; max-width: 684px !important; } .w-688 { width: 688px !important; min-width: 688px !important; max-width: 688px !important; } .w-692 { width: 692px !important; min-width: 692px !important; max-width: 692px !important; } .w-696 { width: 696px !important; min-width: 696px !important; max-width: 696px !important; } .w-700 { width: 700px !important; min-width: 700px !important; max-width: 700px !important; } .w-704 { width: 704px !important; min-width: 704px !important; max-width: 704px !important; } .w-708 { width: 708px !important; min-width: 708px !important; max-width: 708px !important; } .w-712 { width: 712px !important; min-width: 712px !important; max-width: 712px !important; } .w-716 { width: 716px !important; min-width: 716px !important; max-width: 716px !important; } .w-720 { width: 720px !important; min-width: 720px !important; max-width: 720px !important; } .w-0-p { width: 0% !important; } .w-5-p { width: 5% !important; } .w-10-p { width: 10% !important; } .w-15-p { width: 15% !important; } .w-20-p { width: 20% !important; } .w-25-p { width: 25% !important; } .w-30-p { width: 30% !important; } .w-35-p { width: 35% !important; } .w-40-p { width: 40% !important; } .w-45-p { width: 45% !important; } .w-50-p { width: 50% !important; } .w-55-p { width: 55% !important; } .w-60-p { width: 60% !important; } .w-65-p { width: 65% !important; } .w-70-p { width: 70% !important; } .w-75-p { width: 75% !important; } .w-80-p { width: 80% !important; } .w-85-p { width: 85% !important; } .w-90-p { width: 90% !important; } .w-95-p { width: 95% !important; } .w-100-p { width: 100% !important; } .m-0 { margin: 0px !important; } .m-4 { margin: 4px !important; } .m-8 { margin: 8px !important; } .m-12 { margin: 12px !important; } .m-16 { margin: 16px !important; } .m-20 { margin: 20px !important; } .m-24 { margin: 24px !important; } .m-28 { margin: 28px !important; } .m-32 { margin: 32px !important; } .m-36 { margin: 36px !important; } .m-40 { margin: 40px !important; } .m-44 { margin: 44px !important; } .m-48 { margin: 48px !important; } .m-52 { margin: 52px !important; } .m-56 { margin: 56px !important; } .m-60 { margin: 60px !important; } .m-64 { margin: 64px !important; } .m-68 { margin: 68px !important; } .m-72 { margin: 72px !important; } .m-76 { margin: 76px !important; } .m-80 { margin: 80px !important; } .m-84 { margin: 84px !important; } .m-88 { margin: 88px !important; } .m-92 { margin: 92px !important; } .m-96 { margin: 96px !important; } .m-100 { margin: 100px !important; } .m-104 { margin: 104px !important; } .m-108 { margin: 108px !important; } .m-112 { margin: 112px !important; } .m-116 { margin: 116px !important; } .m-120 { margin: 120px !important; } .m-124 { margin: 124px !important; } .m-128 { margin: 128px !important; } .m-132 { margin: 132px !important; } .m-136 { margin: 136px !important; } .m-140 { margin: 140px !important; } .m-144 { margin: 144px !important; } .m-148 { margin: 148px !important; } .m-152 { margin: 152px !important; } .m-156 { margin: 156px !important; } .m-160 { margin: 160px !important; } .m-164 { margin: 164px !important; } .m-168 { margin: 168px !important; } .m-172 { margin: 172px !important; } .m-176 { margin: 176px !important; } .m-180 { margin: 180px !important; } .m-184 { margin: 184px !important; } .m-188 { margin: 188px !important; } .m-192 { margin: 192px !important; } .m-196 { margin: 196px !important; } .m-200 { margin: 200px !important; } .m-204 { margin: 204px !important; } .m-208 { margin: 208px !important; } .m-212 { margin: 212px !important; } .m-216 { margin: 216px !important; } .m-220 { margin: 220px !important; } .m-224 { margin: 224px !important; } .m-228 { margin: 228px !important; } .m-232 { margin: 232px !important; } .m-236 { margin: 236px !important; } .m-240 { margin: 240px !important; } .m-244 { margin: 244px !important; } .m-248 { margin: 248px !important; } .m-252 { margin: 252px !important; } .m-256 { margin: 256px !important; } .mx-0 { margin-right: 0px !important; margin-left: 0px !important; } .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .mx-4 { margin-right: 4px !important; margin-left: 4px !important; } .my-4 { margin-top: 4px !important; margin-bottom: 4px !important; } .mx-8 { margin-right: 8px !important; margin-left: 8px !important; } .my-8 { margin-top: 8px !important; margin-bottom: 8px !important; } .mx-12 { margin-right: 12px !important; margin-left: 12px !important; } .my-12 { margin-top: 12px !important; margin-bottom: 12px !important; } .mx-16 { margin-right: 16px !important; margin-left: 16px !important; } .my-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .mx-20 { margin-right: 20px !important; margin-left: 20px !important; } .my-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .mx-24 { margin-right: 24px !important; margin-left: 24px !important; } .my-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .mx-28 { margin-right: 28px !important; margin-left: 28px !important; } .my-28 { margin-top: 28px !important; margin-bottom: 28px !important; } .mx-32 { margin-right: 32px !important; margin-left: 32px !important; } .my-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .mx-36 { margin-right: 36px !important; margin-left: 36px !important; } .my-36 { margin-top: 36px !important; margin-bottom: 36px !important; } .mx-40 { margin-right: 40px !important; margin-left: 40px !important; } .my-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .mx-44 { margin-right: 44px !important; margin-left: 44px !important; } .my-44 { margin-top: 44px !important; margin-bottom: 44px !important; } .mx-48 { margin-right: 48px !important; margin-left: 48px !important; } .my-48 { margin-top: 48px !important; margin-bottom: 48px !important; } .mx-52 { margin-right: 52px !important; margin-left: 52px !important; } .my-52 { margin-top: 52px !important; margin-bottom: 52px !important; } .mx-56 { margin-right: 56px !important; margin-left: 56px !important; } .my-56 { margin-top: 56px !important; margin-bottom: 56px !important; } .mx-60 { margin-right: 60px !important; margin-left: 60px !important; } .my-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .mx-64 { margin-right: 64px !important; margin-left: 64px !important; } .my-64 { margin-top: 64px !important; margin-bottom: 64px !important; } .mx-68 { margin-right: 68px !important; margin-left: 68px !important; } .my-68 { margin-top: 68px !important; margin-bottom: 68px !important; } .mx-72 { margin-right: 72px !important; margin-left: 72px !important; } .my-72 { margin-top: 72px !important; margin-bottom: 72px !important; } .mx-76 { margin-right: 76px !important; margin-left: 76px !important; } .my-76 { margin-top: 76px !important; margin-bottom: 76px !important; } .mx-80 { margin-right: 80px !important; margin-left: 80px !important; } .my-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .mx-84 { margin-right: 84px !important; margin-left: 84px !important; } .my-84 { margin-top: 84px !important; margin-bottom: 84px !important; } .mx-88 { margin-right: 88px !important; margin-left: 88px !important; } .my-88 { margin-top: 88px !important; margin-bottom: 88px !important; } .mx-92 { margin-right: 92px !important; margin-left: 92px !important; } .my-92 { margin-top: 92px !important; margin-bottom: 92px !important; } .mx-96 { margin-right: 96px !important; margin-left: 96px !important; } .my-96 { margin-top: 96px !important; margin-bottom: 96px !important; } .mx-100 { margin-right: 100px !important; margin-left: 100px !important; } .my-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .mx-104 { margin-right: 104px !important; margin-left: 104px !important; } .my-104 { margin-top: 104px !important; margin-bottom: 104px !important; } .mx-108 { margin-right: 108px !important; margin-left: 108px !important; } .my-108 { margin-top: 108px !important; margin-bottom: 108px !important; } .mx-112 { margin-right: 112px !important; margin-left: 112px !important; } .my-112 { margin-top: 112px !important; margin-bottom: 112px !important; } .mx-116 { margin-right: 116px !important; margin-left: 116px !important; } .my-116 { margin-top: 116px !important; margin-bottom: 116px !important; } .mx-120 { margin-right: 120px !important; margin-left: 120px !important; } .my-120 { margin-top: 120px !important; margin-bottom: 120px !important; } .mx-124 { margin-right: 124px !important; margin-left: 124px !important; } .my-124 { margin-top: 124px !important; margin-bottom: 124px !important; } .mx-128 { margin-right: 128px !important; margin-left: 128px !important; } .my-128 { margin-top: 128px !important; margin-bottom: 128px !important; } .mx-132 { margin-right: 132px !important; margin-left: 132px !important; } .my-132 { margin-top: 132px !important; margin-bottom: 132px !important; } .mx-136 { margin-right: 136px !important; margin-left: 136px !important; } .my-136 { margin-top: 136px !important; margin-bottom: 136px !important; } .mx-140 { margin-right: 140px !important; margin-left: 140px !important; } .my-140 { margin-top: 140px !important; margin-bottom: 140px !important; } .mx-144 { margin-right: 144px !important; margin-left: 144px !important; } .my-144 { margin-top: 144px !important; margin-bottom: 144px !important; } .mx-148 { margin-right: 148px !important; margin-left: 148px !important; } .my-148 { margin-top: 148px !important; margin-bottom: 148px !important; } .mx-152 { margin-right: 152px !important; margin-left: 152px !important; } .my-152 { margin-top: 152px !important; margin-bottom: 152px !important; } .mx-156 { margin-right: 156px !important; margin-left: 156px !important; } .my-156 { margin-top: 156px !important; margin-bottom: 156px !important; } .mx-160 { margin-right: 160px !important; margin-left: 160px !important; } .my-160 { margin-top: 160px !important; margin-bottom: 160px !important; } .mx-164 { margin-right: 164px !important; margin-left: 164px !important; } .my-164 { margin-top: 164px !important; margin-bottom: 164px !important; } .mx-168 { margin-right: 168px !important; margin-left: 168px !important; } .my-168 { margin-top: 168px !important; margin-bottom: 168px !important; } .mx-172 { margin-right: 172px !important; margin-left: 172px !important; } .my-172 { margin-top: 172px !important; margin-bottom: 172px !important; } .mx-176 { margin-right: 176px !important; margin-left: 176px !important; } .my-176 { margin-top: 176px !important; margin-bottom: 176px !important; } .mx-180 { margin-right: 180px !important; margin-left: 180px !important; } .my-180 { margin-top: 180px !important; margin-bottom: 180px !important; } .mx-184 { margin-right: 184px !important; margin-left: 184px !important; } .my-184 { margin-top: 184px !important; margin-bottom: 184px !important; } .mx-188 { margin-right: 188px !important; margin-left: 188px !important; } .my-188 { margin-top: 188px !important; margin-bottom: 188px !important; } .mx-192 { margin-right: 192px !important; margin-left: 192px !important; } .my-192 { margin-top: 192px !important; margin-bottom: 192px !important; } .mx-196 { margin-right: 196px !important; margin-left: 196px !important; } .my-196 { margin-top: 196px !important; margin-bottom: 196px !important; } .mx-200 { margin-right: 200px !important; margin-left: 200px !important; } .my-200 { margin-top: 200px !important; margin-bottom: 200px !important; } .mx-204 { margin-right: 204px !important; margin-left: 204px !important; } .my-204 { margin-top: 204px !important; margin-bottom: 204px !important; } .mx-208 { margin-right: 208px !important; margin-left: 208px !important; } .my-208 { margin-top: 208px !important; margin-bottom: 208px !important; } .mx-212 { margin-right: 212px !important; margin-left: 212px !important; } .my-212 { margin-top: 212px !important; margin-bottom: 212px !important; } .mx-216 { margin-right: 216px !important; margin-left: 216px !important; } .my-216 { margin-top: 216px !important; margin-bottom: 216px !important; } .mx-220 { margin-right: 220px !important; margin-left: 220px !important; } .my-220 { margin-top: 220px !important; margin-bottom: 220px !important; } .mx-224 { margin-right: 224px !important; margin-left: 224px !important; } .my-224 { margin-top: 224px !important; margin-bottom: 224px !important; } .mx-228 { margin-right: 228px !important; margin-left: 228px !important; } .my-228 { margin-top: 228px !important; margin-bottom: 228px !important; } .mx-232 { margin-right: 232px !important; margin-left: 232px !important; } .my-232 { margin-top: 232px !important; margin-bottom: 232px !important; } .mx-236 { margin-right: 236px !important; margin-left: 236px !important; } .my-236 { margin-top: 236px !important; margin-bottom: 236px !important; } .mx-240 { margin-right: 240px !important; margin-left: 240px !important; } .my-240 { margin-top: 240px !important; margin-bottom: 240px !important; } .mx-244 { margin-right: 244px !important; margin-left: 244px !important; } .my-244 { margin-top: 244px !important; margin-bottom: 244px !important; } .mx-248 { margin-right: 248px !important; margin-left: 248px !important; } .my-248 { margin-top: 248px !important; margin-bottom: 248px !important; } .mx-252 { margin-right: 252px !important; margin-left: 252px !important; } .my-252 { margin-top: 252px !important; margin-bottom: 252px !important; } .mx-256 { margin-right: 256px !important; margin-left: 256px !important; } .my-256 { margin-top: 256px !important; margin-bottom: 256px !important; } .mt-0 { margin-top: 0px !important; } .mr-0 { margin-right: 0px !important; } .mb-0 { margin-bottom: 0px !important; } .ml-0 { margin-left: 0px !important; } .mt-4 { margin-top: 4px !important; } .mr-4 { margin-right: 4px !important; } .mb-4 { margin-bottom: 4px !important; } .ml-4 { margin-left: 4px !important; } .mt-8 { margin-top: 8px !important; } .mr-8 { margin-right: 8px !important; } .mb-8 { margin-bottom: 8px !important; } .ml-8 { margin-left: 8px !important; } .mt-12 { margin-top: 12px !important; } .mr-12 { margin-right: 12px !important; } .mb-12 { margin-bottom: 12px !important; } .ml-12 { margin-left: 12px !important; } .mt-16 { margin-top: 16px !important; } .mr-16 { margin-right: 16px !important; } .mb-16 { margin-bottom: 16px !important; } .ml-16 { margin-left: 16px !important; } .mt-20 { margin-top: 20px !important; } .mr-20 { margin-right: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .ml-20 { margin-left: 20px !important; } .mt-24 { margin-top: 24px !important; } .mr-24 { margin-right: 24px !important; } .mb-24 { margin-bottom: 24px !important; } .ml-24 { margin-left: 24px !important; } .mt-28 { margin-top: 28px !important; } .mr-28 { margin-right: 28px !important; } .mb-28 { margin-bottom: 28px !important; } .ml-28 { margin-left: 28px !important; } .mt-32 { margin-top: 32px !important; } .mr-32 { margin-right: 32px !important; } .mb-32 { margin-bottom: 32px !important; } .ml-32 { margin-left: 32px !important; } .mt-36 { margin-top: 36px !important; } .mr-36 { margin-right: 36px !important; } .mb-36 { margin-bottom: 36px !important; } .ml-36 { margin-left: 36px !important; } .mt-40 { margin-top: 40px !important; } .mr-40 { margin-right: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; } .mt-44 { margin-top: 44px !important; } .mr-44 { margin-right: 44px !important; } .mb-44 { margin-bottom: 44px !important; } .ml-44 { margin-left: 44px !important; } .mt-48 { margin-top: 48px !important; } .mr-48 { margin-right: 48px !important; } .mb-48 { margin-bottom: 48px !important; } .ml-48 { margin-left: 48px !important; } .mt-52 { margin-top: 52px !important; } .mr-52 { margin-right: 52px !important; } .mb-52 { margin-bottom: 52px !important; } .ml-52 { margin-left: 52px !important; } .mt-56 { margin-top: 56px !important; } .mr-56 { margin-right: 56px !important; } .mb-56 { margin-bottom: 56px !important; } .ml-56 { margin-left: 56px !important; } .mt-60 { margin-top: 60px !important; } .mr-60 { margin-right: 60px !important; } .mb-60 { margin-bottom: 60px !important; } .ml-60 { margin-left: 60px !important; } .mt-64 { margin-top: 64px !important; } .mr-64 { margin-right: 64px !important; } .mb-64 { margin-bottom: 64px !important; } .ml-64 { margin-left: 64px !important; } .mt-68 { margin-top: 68px !important; } .mr-68 { margin-right: 68px !important; } .mb-68 { margin-bottom: 68px !important; } .ml-68 { margin-left: 68px !important; } .mt-72 { margin-top: 72px !important; } .mr-72 { margin-right: 72px !important; } .mb-72 { margin-bottom: 72px !important; } .ml-72 { margin-left: 72px !important; } .mt-76 { margin-top: 76px !important; } .mr-76 { margin-right: 76px !important; } .mb-76 { margin-bottom: 76px !important; } .ml-76 { margin-left: 76px !important; } .mt-80 { margin-top: 80px !important; } .mr-80 { margin-right: 80px !important; } .mb-80 { margin-bottom: 80px !important; } .ml-80 { margin-left: 80px !important; } .mt-84 { margin-top: 84px !important; } .mr-84 { margin-right: 84px !important; } .mb-84 { margin-bottom: 84px !important; } .ml-84 { margin-left: 84px !important; } .mt-88 { margin-top: 88px !important; } .mr-88 { margin-right: 88px !important; } .mb-88 { margin-bottom: 88px !important; } .ml-88 { margin-left: 88px !important; } .mt-92 { margin-top: 92px !important; } .mr-92 { margin-right: 92px !important; } .mb-92 { margin-bottom: 92px !important; } .ml-92 { margin-left: 92px !important; } .mt-96 { margin-top: 96px !important; } .mr-96 { margin-right: 96px !important; } .mb-96 { margin-bottom: 96px !important; } .ml-96 { margin-left: 96px !important; } .mt-100 { margin-top: 100px !important; } .mr-100 { margin-right: 100px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-100 { margin-left: 100px !important; } .mt-104 { margin-top: 104px !important; } .mr-104 { margin-right: 104px !important; } .mb-104 { margin-bottom: 104px !important; } .ml-104 { margin-left: 104px !important; } .mt-108 { margin-top: 108px !important; } .mr-108 { margin-right: 108px !important; } .mb-108 { margin-bottom: 108px !important; } .ml-108 { margin-left: 108px !important; } .mt-112 { margin-top: 112px !important; } .mr-112 { margin-right: 112px !important; } .mb-112 { margin-bottom: 112px !important; } .ml-112 { margin-left: 112px !important; } .mt-116 { margin-top: 116px !important; } .mr-116 { margin-right: 116px !important; } .mb-116 { margin-bottom: 116px !important; } .ml-116 { margin-left: 116px !important; } .mt-120 { margin-top: 120px !important; } .mr-120 { margin-right: 120px !important; } .mb-120 { margin-bottom: 120px !important; } .ml-120 { margin-left: 120px !important; } .mt-124 { margin-top: 124px !important; } .mr-124 { margin-right: 124px !important; } .mb-124 { margin-bottom: 124px !important; } .ml-124 { margin-left: 124px !important; } .mt-128 { margin-top: 128px !important; } .mr-128 { margin-right: 128px !important; } .mb-128 { margin-bottom: 128px !important; } .ml-128 { margin-left: 128px !important; } .mt-132 { margin-top: 132px !important; } .mr-132 { margin-right: 132px !important; } .mb-132 { margin-bottom: 132px !important; } .ml-132 { margin-left: 132px !important; } .mt-136 { margin-top: 136px !important; } .mr-136 { margin-right: 136px !important; } .mb-136 { margin-bottom: 136px !important; } .ml-136 { margin-left: 136px !important; } .mt-140 { margin-top: 140px !important; } .mr-140 { margin-right: 140px !important; } .mb-140 { margin-bottom: 140px !important; } .ml-140 { margin-left: 140px !important; } .mt-144 { margin-top: 144px !important; } .mr-144 { margin-right: 144px !important; } .mb-144 { margin-bottom: 144px !important; } .ml-144 { margin-left: 144px !important; } .mt-148 { margin-top: 148px !important; } .mr-148 { margin-right: 148px !important; } .mb-148 { margin-bottom: 148px !important; } .ml-148 { margin-left: 148px !important; } .mt-152 { margin-top: 152px !important; } .mr-152 { margin-right: 152px !important; } .mb-152 { margin-bottom: 152px !important; } .ml-152 { margin-left: 152px !important; } .mt-156 { margin-top: 156px !important; } .mr-156 { margin-right: 156px !important; } .mb-156 { margin-bottom: 156px !important; } .ml-156 { margin-left: 156px !important; } .mt-160 { margin-top: 160px !important; } .mr-160 { margin-right: 160px !important; } .mb-160 { margin-bottom: 160px !important; } .ml-160 { margin-left: 160px !important; } .mt-164 { margin-top: 164px !important; } .mr-164 { margin-right: 164px !important; } .mb-164 { margin-bottom: 164px !important; } .ml-164 { margin-left: 164px !important; } .mt-168 { margin-top: 168px !important; } .mr-168 { margin-right: 168px !important; } .mb-168 { margin-bottom: 168px !important; } .ml-168 { margin-left: 168px !important; } .mt-172 { margin-top: 172px !important; } .mr-172 { margin-right: 172px !important; } .mb-172 { margin-bottom: 172px !important; } .ml-172 { margin-left: 172px !important; } .mt-176 { margin-top: 176px !important; } .mr-176 { margin-right: 176px !important; } .mb-176 { margin-bottom: 176px !important; } .ml-176 { margin-left: 176px !important; } .mt-180 { margin-top: 180px !important; } .mr-180 { margin-right: 180px !important; } .mb-180 { margin-bottom: 180px !important; } .ml-180 { margin-left: 180px !important; } .mt-184 { margin-top: 184px !important; } .mr-184 { margin-right: 184px !important; } .mb-184 { margin-bottom: 184px !important; } .ml-184 { margin-left: 184px !important; } .mt-188 { margin-top: 188px !important; } .mr-188 { margin-right: 188px !important; } .mb-188 { margin-bottom: 188px !important; } .ml-188 { margin-left: 188px !important; } .mt-192 { margin-top: 192px !important; } .mr-192 { margin-right: 192px !important; } .mb-192 { margin-bottom: 192px !important; } .ml-192 { margin-left: 192px !important; } .mt-196 { margin-top: 196px !important; } .mr-196 { margin-right: 196px !important; } .mb-196 { margin-bottom: 196px !important; } .ml-196 { margin-left: 196px !important; } .mt-200 { margin-top: 200px !important; } .mr-200 { margin-right: 200px !important; } .mb-200 { margin-bottom: 200px !important; } .ml-200 { margin-left: 200px !important; } .mt-204 { margin-top: 204px !important; } .mr-204 { margin-right: 204px !important; } .mb-204 { margin-bottom: 204px !important; } .ml-204 { margin-left: 204px !important; } .mt-208 { margin-top: 208px !important; } .mr-208 { margin-right: 208px !important; } .mb-208 { margin-bottom: 208px !important; } .ml-208 { margin-left: 208px !important; } .mt-212 { margin-top: 212px !important; } .mr-212 { margin-right: 212px !important; } .mb-212 { margin-bottom: 212px !important; } .ml-212 { margin-left: 212px !important; } .mt-216 { margin-top: 216px !important; } .mr-216 { margin-right: 216px !important; } .mb-216 { margin-bottom: 216px !important; } .ml-216 { margin-left: 216px !important; } .mt-220 { margin-top: 220px !important; } .mr-220 { margin-right: 220px !important; } .mb-220 { margin-bottom: 220px !important; } .ml-220 { margin-left: 220px !important; } .mt-224 { margin-top: 224px !important; } .mr-224 { margin-right: 224px !important; } .mb-224 { margin-bottom: 224px !important; } .ml-224 { margin-left: 224px !important; } .mt-228 { margin-top: 228px !important; } .mr-228 { margin-right: 228px !important; } .mb-228 { margin-bottom: 228px !important; } .ml-228 { margin-left: 228px !important; } .mt-232 { margin-top: 232px !important; } .mr-232 { margin-right: 232px !important; } .mb-232 { margin-bottom: 232px !important; } .ml-232 { margin-left: 232px !important; } .mt-236 { margin-top: 236px !important; } .mr-236 { margin-right: 236px !important; } .mb-236 { margin-bottom: 236px !important; } .ml-236 { margin-left: 236px !important; } .mt-240 { margin-top: 240px !important; } .mr-240 { margin-right: 240px !important; } .mb-240 { margin-bottom: 240px !important; } .ml-240 { margin-left: 240px !important; } .mt-244 { margin-top: 244px !important; } .mr-244 { margin-right: 244px !important; } .mb-244 { margin-bottom: 244px !important; } .ml-244 { margin-left: 244px !important; } .mt-248 { margin-top: 248px !important; } .mr-248 { margin-right: 248px !important; } .mb-248 { margin-bottom: 248px !important; } .ml-248 { margin-left: 248px !important; } .mt-252 { margin-top: 252px !important; } .mr-252 { margin-right: 252px !important; } .mb-252 { margin-bottom: 252px !important; } .ml-252 { margin-left: 252px !important; } .mt-256 { margin-top: 256px !important; } .mr-256 { margin-right: 256px !important; } .mb-256 { margin-bottom: 256px !important; } .ml-256 { margin-left: 256px !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .p-0 { padding: 0px !important; } .p-4 { padding: 4px !important; } .p-8 { padding: 8px !important; } .p-12 { padding: 12px !important; } .p-16 { padding: 16px !important; } .p-20 { padding: 20px !important; } .p-24 { padding: 24px !important; } .p-28 { padding: 28px !important; } .p-32 { padding: 32px !important; } .p-36 { padding: 36px !important; } .p-40 { padding: 40px !important; } .p-44 { padding: 44px !important; } .p-48 { padding: 48px !important; } .p-52 { padding: 52px !important; } .p-56 { padding: 56px !important; } .p-60 { padding: 60px !important; } .p-64 { padding: 64px !important; } .p-68 { padding: 68px !important; } .p-72 { padding: 72px !important; } .p-76 { padding: 76px !important; } .p-80 { padding: 80px !important; } .p-84 { padding: 84px !important; } .p-88 { padding: 88px !important; } .p-92 { padding: 92px !important; } .p-96 { padding: 96px !important; } .p-100 { padding: 100px !important; } .p-104 { padding: 104px !important; } .p-108 { padding: 108px !important; } .p-112 { padding: 112px !important; } .p-116 { padding: 116px !important; } .p-120 { padding: 120px !important; } .p-124 { padding: 124px !important; } .p-128 { padding: 128px !important; } .p-132 { padding: 132px !important; } .p-136 { padding: 136px !important; } .p-140 { padding: 140px !important; } .p-144 { padding: 144px !important; } .p-148 { padding: 148px !important; } .p-152 { padding: 152px !important; } .p-156 { padding: 156px !important; } .p-160 { padding: 160px !important; } .p-164 { padding: 164px !important; } .p-168 { padding: 168px !important; } .p-172 { padding: 172px !important; } .p-176 { padding: 176px !important; } .p-180 { padding: 180px !important; } .p-184 { padding: 184px !important; } .p-188 { padding: 188px !important; } .p-192 { padding: 192px !important; } .p-196 { padding: 196px !important; } .p-200 { padding: 200px !important; } .p-204 { padding: 204px !important; } .p-208 { padding: 208px !important; } .p-212 { padding: 212px !important; } .p-216 { padding: 216px !important; } .p-220 { padding: 220px !important; } .p-224 { padding: 224px !important; } .p-228 { padding: 228px !important; } .p-232 { padding: 232px !important; } .p-236 { padding: 236px !important; } .p-240 { padding: 240px !important; } .p-244 { padding: 244px !important; } .p-248 { padding: 248px !important; } .p-252 { padding: 252px !important; } .p-256 { padding: 256px !important; } .px-0 { padding-right: 0px !important; padding-left: 0px !important; } .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .px-4 { padding-right: 4px !important; padding-left: 4px !important; } .py-4 { padding-top: 4px !important; padding-bottom: 4px !important; } .px-8 { padding-right: 8px !important; padding-left: 8px !important; } .py-8 { padding-top: 8px !important; padding-bottom: 8px !important; } .px-12 { padding-right: 12px !important; padding-left: 12px !important; } .py-12 { padding-top: 12px !important; padding-bottom: 12px !important; } .px-16 { padding-right: 16px !important; padding-left: 16px !important; } .py-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .px-20 { padding-right: 20px !important; padding-left: 20px !important; } .py-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .px-24 { padding-right: 24px !important; padding-left: 24px !important; } .py-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .px-28 { padding-right: 28px !important; padding-left: 28px !important; } .py-28 { padding-top: 28px !important; padding-bottom: 28px !important; } .px-32 { padding-right: 32px !important; padding-left: 32px !important; } .py-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .px-36 { padding-right: 36px !important; padding-left: 36px !important; } .py-36 { padding-top: 36px !important; padding-bottom: 36px !important; } .px-40 { padding-right: 40px !important; padding-left: 40px !important; } .py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .px-44 { padding-right: 44px !important; padding-left: 44px !important; } .py-44 { padding-top: 44px !important; padding-bottom: 44px !important; } .px-48 { padding-right: 48px !important; padding-left: 48px !important; } .py-48 { padding-top: 48px !important; padding-bottom: 48px !important; } .px-52 { padding-right: 52px !important; padding-left: 52px !important; } .py-52 { padding-top: 52px !important; padding-bottom: 52px !important; } .px-56 { padding-right: 56px !important; padding-left: 56px !important; } .py-56 { padding-top: 56px !important; padding-bottom: 56px !important; } .px-60 { padding-right: 60px !important; padding-left: 60px !important; } .py-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .px-64 { padding-right: 64px !important; padding-left: 64px !important; } .py-64 { padding-top: 64px !important; padding-bottom: 64px !important; } .px-68 { padding-right: 68px !important; padding-left: 68px !important; } .py-68 { padding-top: 68px !important; padding-bottom: 68px !important; } .px-72 { padding-right: 72px !important; padding-left: 72px !important; } .py-72 { padding-top: 72px !important; padding-bottom: 72px !important; } .px-76 { padding-right: 76px !important; padding-left: 76px !important; } .py-76 { padding-top: 76px !important; padding-bottom: 76px !important; } .px-80 { padding-right: 80px !important; padding-left: 80px !important; } .py-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .px-84 { padding-right: 84px !important; padding-left: 84px !important; } .py-84 { padding-top: 84px !important; padding-bottom: 84px !important; } .px-88 { padding-right: 88px !important; padding-left: 88px !important; } .py-88 { padding-top: 88px !important; padding-bottom: 88px !important; } .px-92 { padding-right: 92px !important; padding-left: 92px !important; } .py-92 { padding-top: 92px !important; padding-bottom: 92px !important; } .px-96 { padding-right: 96px !important; padding-left: 96px !important; } .py-96 { padding-top: 96px !important; padding-bottom: 96px !important; } .px-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .px-104 { padding-right: 104px !important; padding-left: 104px !important; } .py-104 { padding-top: 104px !important; padding-bottom: 104px !important; } .px-108 { padding-right: 108px !important; padding-left: 108px !important; } .py-108 { padding-top: 108px !important; padding-bottom: 108px !important; } .px-112 { padding-right: 112px !important; padding-left: 112px !important; } .py-112 { padding-top: 112px !important; padding-bottom: 112px !important; } .px-116 { padding-right: 116px !important; padding-left: 116px !important; } .py-116 { padding-top: 116px !important; padding-bottom: 116px !important; } .px-120 { padding-right: 120px !important; padding-left: 120px !important; } .py-120 { padding-top: 120px !important; padding-bottom: 120px !important; } .px-124 { padding-right: 124px !important; padding-left: 124px !important; } .py-124 { padding-top: 124px !important; padding-bottom: 124px !important; } .px-128 { padding-right: 128px !important; padding-left: 128px !important; } .py-128 { padding-top: 128px !important; padding-bottom: 128px !important; } .px-132 { padding-right: 132px !important; padding-left: 132px !important; } .py-132 { padding-top: 132px !important; padding-bottom: 132px !important; } .px-136 { padding-right: 136px !important; padding-left: 136px !important; } .py-136 { padding-top: 136px !important; padding-bottom: 136px !important; } .px-140 { padding-right: 140px !important; padding-left: 140px !important; } .py-140 { padding-top: 140px !important; padding-bottom: 140px !important; } .px-144 { padding-right: 144px !important; padding-left: 144px !important; } .py-144 { padding-top: 144px !important; padding-bottom: 144px !important; } .px-148 { padding-right: 148px !important; padding-left: 148px !important; } .py-148 { padding-top: 148px !important; padding-bottom: 148px !important; } .px-152 { padding-right: 152px !important; padding-left: 152px !important; } .py-152 { padding-top: 152px !important; padding-bottom: 152px !important; } .px-156 { padding-right: 156px !important; padding-left: 156px !important; } .py-156 { padding-top: 156px !important; padding-bottom: 156px !important; } .px-160 { padding-right: 160px !important; padding-left: 160px !important; } .py-160 { padding-top: 160px !important; padding-bottom: 160px !important; } .px-164 { padding-right: 164px !important; padding-left: 164px !important; } .py-164 { padding-top: 164px !important; padding-bottom: 164px !important; } .px-168 { padding-right: 168px !important; padding-left: 168px !important; } .py-168 { padding-top: 168px !important; padding-bottom: 168px !important; } .px-172 { padding-right: 172px !important; padding-left: 172px !important; } .py-172 { padding-top: 172px !important; padding-bottom: 172px !important; } .px-176 { padding-right: 176px !important; padding-left: 176px !important; } .py-176 { padding-top: 176px !important; padding-bottom: 176px !important; } .px-180 { padding-right: 180px !important; padding-left: 180px !important; } .py-180 { padding-top: 180px !important; padding-bottom: 180px !important; } .px-184 { padding-right: 184px !important; padding-left: 184px !important; } .py-184 { padding-top: 184px !important; padding-bottom: 184px !important; } .px-188 { padding-right: 188px !important; padding-left: 188px !important; } .py-188 { padding-top: 188px !important; padding-bottom: 188px !important; } .px-192 { padding-right: 192px !important; padding-left: 192px !important; } .py-192 { padding-top: 192px !important; padding-bottom: 192px !important; } .px-196 { padding-right: 196px !important; padding-left: 196px !important; } .py-196 { padding-top: 196px !important; padding-bottom: 196px !important; } .px-200 { padding-right: 200px !important; padding-left: 200px !important; } .py-200 { padding-top: 200px !important; padding-bottom: 200px !important; } .px-204 { padding-right: 204px !important; padding-left: 204px !important; } .py-204 { padding-top: 204px !important; padding-bottom: 204px !important; } .px-208 { padding-right: 208px !important; padding-left: 208px !important; } .py-208 { padding-top: 208px !important; padding-bottom: 208px !important; } .px-212 { padding-right: 212px !important; padding-left: 212px !important; } .py-212 { padding-top: 212px !important; padding-bottom: 212px !important; } .px-216 { padding-right: 216px !important; padding-left: 216px !important; } .py-216 { padding-top: 216px !important; padding-bottom: 216px !important; } .px-220 { padding-right: 220px !important; padding-left: 220px !important; } .py-220 { padding-top: 220px !important; padding-bottom: 220px !important; } .px-224 { padding-right: 224px !important; padding-left: 224px !important; } .py-224 { padding-top: 224px !important; padding-bottom: 224px !important; } .px-228 { padding-right: 228px !important; padding-left: 228px !important; } .py-228 { padding-top: 228px !important; padding-bottom: 228px !important; } .px-232 { padding-right: 232px !important; padding-left: 232px !important; } .py-232 { padding-top: 232px !important; padding-bottom: 232px !important; } .px-236 { padding-right: 236px !important; padding-left: 236px !important; } .py-236 { padding-top: 236px !important; padding-bottom: 236px !important; } .px-240 { padding-right: 240px !important; padding-left: 240px !important; } .py-240 { padding-top: 240px !important; padding-bottom: 240px !important; } .px-244 { padding-right: 244px !important; padding-left: 244px !important; } .py-244 { padding-top: 244px !important; padding-bottom: 244px !important; } .px-248 { padding-right: 248px !important; padding-left: 248px !important; } .py-248 { padding-top: 248px !important; padding-bottom: 248px !important; } .px-252 { padding-right: 252px !important; padding-left: 252px !important; } .py-252 { padding-top: 252px !important; padding-bottom: 252px !important; } .px-256 { padding-right: 256px !important; padding-left: 256px !important; } .py-256 { padding-top: 256px !important; padding-bottom: 256px !important; } .pt-0 { padding-top: 0px !important; } .pr-0 { padding-right: 0px !important; } .pb-0 { padding-bottom: 0px !important; } .pl-0 { padding-left: 0px !important; } .pt-4 { padding-top: 4px !important; } .pr-4 { padding-right: 4px !important; } .pb-4 { padding-bottom: 4px !important; } .pl-4 { padding-left: 4px !important; } .pt-8 { padding-top: 8px !important; } .pr-8 { padding-right: 8px !important; } .pb-8 { padding-bottom: 8px !important; } .pl-8 { padding-left: 8px !important; } .pt-12 { padding-top: 12px !important; } .pr-12 { padding-right: 12px !important; } .pb-12 { padding-bottom: 12px !important; } .pl-12 { padding-left: 12px !important; } .pt-16 { padding-top: 16px !important; } .pr-16 { padding-right: 16px !important; } .pb-16 { padding-bottom: 16px !important; } .pl-16 { padding-left: 16px !important; } .pt-20 { padding-top: 20px !important; } .pr-20 { padding-right: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .pl-20 { padding-left: 20px !important; } .pt-24 { padding-top: 24px !important; } .pr-24 { padding-right: 24px !important; } .pb-24 { padding-bottom: 24px !important; } .pl-24 { padding-left: 24px !important; } .pt-28 { padding-top: 28px !important; } .pr-28 { padding-right: 28px !important; } .pb-28 { padding-bottom: 28px !important; } .pl-28 { padding-left: 28px !important; } .pt-32 { padding-top: 32px !important; } .pr-32 { padding-right: 32px !important; } .pb-32 { padding-bottom: 32px !important; } .pl-32 { padding-left: 32px !important; } .pt-36 { padding-top: 36px !important; } .pr-36 { padding-right: 36px !important; } .pb-36 { padding-bottom: 36px !important; } .pl-36 { padding-left: 36px !important; } .pt-40 { padding-top: 40px !important; } .pr-40 { padding-right: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pl-40 { padding-left: 40px !important; } .pt-44 { padding-top: 44px !important; } .pr-44 { padding-right: 44px !important; } .pb-44 { padding-bottom: 44px !important; } .pl-44 { padding-left: 44px !important; } .pt-48 { padding-top: 48px !important; } .pr-48 { padding-right: 48px !important; } .pb-48 { padding-bottom: 48px !important; } .pl-48 { padding-left: 48px !important; } .pt-52 { padding-top: 52px !important; } .pr-52 { padding-right: 52px !important; } .pb-52 { padding-bottom: 52px !important; } .pl-52 { padding-left: 52px !important; } .pt-56 { padding-top: 56px !important; } .pr-56 { padding-right: 56px !important; } .pb-56 { padding-bottom: 56px !important; } .pl-56 { padding-left: 56px !important; } .pt-60 { padding-top: 60px !important; } .pr-60 { padding-right: 60px !important; } .pb-60 { padding-bottom: 60px !important; } .pl-60 { padding-left: 60px !important; } .pt-64 { padding-top: 64px !important; } .pr-64 { padding-right: 64px !important; } .pb-64 { padding-bottom: 64px !important; } .pl-64 { padding-left: 64px !important; } .pt-68 { padding-top: 68px !important; } .pr-68 { padding-right: 68px !important; } .pb-68 { padding-bottom: 68px !important; } .pl-68 { padding-left: 68px !important; } .pt-72 { padding-top: 72px !important; } .pr-72 { padding-right: 72px !important; } .pb-72 { padding-bottom: 72px !important; } .pl-72 { padding-left: 72px !important; } .pt-76 { padding-top: 76px !important; } .pr-76 { padding-right: 76px !important; } .pb-76 { padding-bottom: 76px !important; } .pl-76 { padding-left: 76px !important; } .pt-80 { padding-top: 80px !important; } .pr-80 { padding-right: 80px !important; } .pb-80 { padding-bottom: 80px !important; } .pl-80 { padding-left: 80px !important; } .pt-84 { padding-top: 84px !important; } .pr-84 { padding-right: 84px !important; } .pb-84 { padding-bottom: 84px !important; } .pl-84 { padding-left: 84px !important; } .pt-88 { padding-top: 88px !important; } .pr-88 { padding-right: 88px !important; } .pb-88 { padding-bottom: 88px !important; } .pl-88 { padding-left: 88px !important; } .pt-92 { padding-top: 92px !important; } .pr-92 { padding-right: 92px !important; } .pb-92 { padding-bottom: 92px !important; } .pl-92 { padding-left: 92px !important; } .pt-96 { padding-top: 96px !important; } .pr-96 { padding-right: 96px !important; } .pb-96 { padding-bottom: 96px !important; } .pl-96 { padding-left: 96px !important; } .pt-100 { padding-top: 100px !important; } .pr-100 { padding-right: 100px !important; } .pb-100 { padding-bottom: 100px !important; } .pl-100 { padding-left: 100px !important; } .pt-104 { padding-top: 104px !important; } .pr-104 { padding-right: 104px !important; } .pb-104 { padding-bottom: 104px !important; } .pl-104 { padding-left: 104px !important; } .pt-108 { padding-top: 108px !important; } .pr-108 { padding-right: 108px !important; } .pb-108 { padding-bottom: 108px !important; } .pl-108 { padding-left: 108px !important; } .pt-112 { padding-top: 112px !important; } .pr-112 { padding-right: 112px !important; } .pb-112 { padding-bottom: 112px !important; } .pl-112 { padding-left: 112px !important; } .pt-116 { padding-top: 116px !important; } .pr-116 { padding-right: 116px !important; } .pb-116 { padding-bottom: 116px !important; } .pl-116 { padding-left: 116px !important; } .pt-120 { padding-top: 120px !important; } .pr-120 { padding-right: 120px !important; } .pb-120 { padding-bottom: 120px !important; } .pl-120 { padding-left: 120px !important; } .pt-124 { padding-top: 124px !important; } .pr-124 { padding-right: 124px !important; } .pb-124 { padding-bottom: 124px !important; } .pl-124 { padding-left: 124px !important; } .pt-128 { padding-top: 128px !important; } .pr-128 { padding-right: 128px !important; } .pb-128 { padding-bottom: 128px !important; } .pl-128 { padding-left: 128px !important; } .pt-132 { padding-top: 132px !important; } .pr-132 { padding-right: 132px !important; } .pb-132 { padding-bottom: 132px !important; } .pl-132 { padding-left: 132px !important; } .pt-136 { padding-top: 136px !important; } .pr-136 { padding-right: 136px !important; } .pb-136 { padding-bottom: 136px !important; } .pl-136 { padding-left: 136px !important; } .pt-140 { padding-top: 140px !important; } .pr-140 { padding-right: 140px !important; } .pb-140 { padding-bottom: 140px !important; } .pl-140 { padding-left: 140px !important; } .pt-144 { padding-top: 144px !important; } .pr-144 { padding-right: 144px !important; } .pb-144 { padding-bottom: 144px !important; } .pl-144 { padding-left: 144px !important; } .pt-148 { padding-top: 148px !important; } .pr-148 { padding-right: 148px !important; } .pb-148 { padding-bottom: 148px !important; } .pl-148 { padding-left: 148px !important; } .pt-152 { padding-top: 152px !important; } .pr-152 { padding-right: 152px !important; } .pb-152 { padding-bottom: 152px !important; } .pl-152 { padding-left: 152px !important; } .pt-156 { padding-top: 156px !important; } .pr-156 { padding-right: 156px !important; } .pb-156 { padding-bottom: 156px !important; } .pl-156 { padding-left: 156px !important; } .pt-160 { padding-top: 160px !important; } .pr-160 { padding-right: 160px !important; } .pb-160 { padding-bottom: 160px !important; } .pl-160 { padding-left: 160px !important; } .pt-164 { padding-top: 164px !important; } .pr-164 { padding-right: 164px !important; } .pb-164 { padding-bottom: 164px !important; } .pl-164 { padding-left: 164px !important; } .pt-168 { padding-top: 168px !important; } .pr-168 { padding-right: 168px !important; } .pb-168 { padding-bottom: 168px !important; } .pl-168 { padding-left: 168px !important; } .pt-172 { padding-top: 172px !important; } .pr-172 { padding-right: 172px !important; } .pb-172 { padding-bottom: 172px !important; } .pl-172 { padding-left: 172px !important; } .pt-176 { padding-top: 176px !important; } .pr-176 { padding-right: 176px !important; } .pb-176 { padding-bottom: 176px !important; } .pl-176 { padding-left: 176px !important; } .pt-180 { padding-top: 180px !important; } .pr-180 { padding-right: 180px !important; } .pb-180 { padding-bottom: 180px !important; } .pl-180 { padding-left: 180px !important; } .pt-184 { padding-top: 184px !important; } .pr-184 { padding-right: 184px !important; } .pb-184 { padding-bottom: 184px !important; } .pl-184 { padding-left: 184px !important; } .pt-188 { padding-top: 188px !important; } .pr-188 { padding-right: 188px !important; } .pb-188 { padding-bottom: 188px !important; } .pl-188 { padding-left: 188px !important; } .pt-192 { padding-top: 192px !important; } .pr-192 { padding-right: 192px !important; } .pb-192 { padding-bottom: 192px !important; } .pl-192 { padding-left: 192px !important; } .pt-196 { padding-top: 196px !important; } .pr-196 { padding-right: 196px !important; } .pb-196 { padding-bottom: 196px !important; } .pl-196 { padding-left: 196px !important; } .pt-200 { padding-top: 200px !important; } .pr-200 { padding-right: 200px !important; } .pb-200 { padding-bottom: 200px !important; } .pl-200 { padding-left: 200px !important; } .pt-204 { padding-top: 204px !important; } .pr-204 { padding-right: 204px !important; } .pb-204 { padding-bottom: 204px !important; } .pl-204 { padding-left: 204px !important; } .pt-208 { padding-top: 208px !important; } .pr-208 { padding-right: 208px !important; } .pb-208 { padding-bottom: 208px !important; } .pl-208 { padding-left: 208px !important; } .pt-212 { padding-top: 212px !important; } .pr-212 { padding-right: 212px !important; } .pb-212 { padding-bottom: 212px !important; } .pl-212 { padding-left: 212px !important; } .pt-216 { padding-top: 216px !important; } .pr-216 { padding-right: 216px !important; } .pb-216 { padding-bottom: 216px !important; } .pl-216 { padding-left: 216px !important; } .pt-220 { padding-top: 220px !important; } .pr-220 { padding-right: 220px !important; } .pb-220 { padding-bottom: 220px !important; } .pl-220 { padding-left: 220px !important; } .pt-224 { padding-top: 224px !important; } .pr-224 { padding-right: 224px !important; } .pb-224 { padding-bottom: 224px !important; } .pl-224 { padding-left: 224px !important; } .pt-228 { padding-top: 228px !important; } .pr-228 { padding-right: 228px !important; } .pb-228 { padding-bottom: 228px !important; } .pl-228 { padding-left: 228px !important; } .pt-232 { padding-top: 232px !important; } .pr-232 { padding-right: 232px !important; } .pb-232 { padding-bottom: 232px !important; } .pl-232 { padding-left: 232px !important; } .pt-236 { padding-top: 236px !important; } .pr-236 { padding-right: 236px !important; } .pb-236 { padding-bottom: 236px !important; } .pl-236 { padding-left: 236px !important; } .pt-240 { padding-top: 240px !important; } .pr-240 { padding-right: 240px !important; } .pb-240 { padding-bottom: 240px !important; } .pl-240 { padding-left: 240px !important; } .pt-244 { padding-top: 244px !important; } .pr-244 { padding-right: 244px !important; } .pb-244 { padding-bottom: 244px !important; } .pl-244 { padding-left: 244px !important; } .pt-248 { padding-top: 248px !important; } .pr-248 { padding-right: 248px !important; } .pb-248 { padding-bottom: 248px !important; } .pl-248 { padding-left: 248px !important; } .pt-252 { padding-top: 252px !important; } .pr-252 { padding-right: 252px !important; } .pb-252 { padding-bottom: 252px !important; } .pl-252 { padding-left: 252px !important; } .pt-256 { padding-top: 256px !important; } .pr-256 { padding-right: 256px !important; } .pb-256 { padding-bottom: 256px !important; } .pl-256 { padding-left: 256px !important; } @media (min-width: 600px) { .m-sm-0 { margin: 0px !important; } .m-sm-4 { margin: 4px !important; } .m-sm-8 { margin: 8px !important; } .m-sm-12 { margin: 12px !important; } .m-sm-16 { margin: 16px !important; } .m-sm-20 { margin: 20px !important; } .m-sm-24 { margin: 24px !important; } .m-sm-28 { margin: 28px !important; } .m-sm-32 { margin: 32px !important; } .m-sm-36 { margin: 36px !important; } .m-sm-40 { margin: 40px !important; } .m-sm-44 { margin: 44px !important; } .m-sm-48 { margin: 48px !important; } .m-sm-52 { margin: 52px !important; } .m-sm-56 { margin: 56px !important; } .m-sm-60 { margin: 60px !important; } .m-sm-64 { margin: 64px !important; } .m-sm-68 { margin: 68px !important; } .m-sm-72 { margin: 72px !important; } .m-sm-76 { margin: 76px !important; } .m-sm-80 { margin: 80px !important; } .m-sm-84 { margin: 84px !important; } .m-sm-88 { margin: 88px !important; } .m-sm-92 { margin: 92px !important; } .m-sm-96 { margin: 96px !important; } .m-sm-100 { margin: 100px !important; } .m-sm-104 { margin: 104px !important; } .m-sm-108 { margin: 108px !important; } .m-sm-112 { margin: 112px !important; } .m-sm-116 { margin: 116px !important; } .m-sm-120 { margin: 120px !important; } .m-sm-124 { margin: 124px !important; } .m-sm-128 { margin: 128px !important; } .m-sm-132 { margin: 132px !important; } .m-sm-136 { margin: 136px !important; } .m-sm-140 { margin: 140px !important; } .m-sm-144 { margin: 144px !important; } .m-sm-148 { margin: 148px !important; } .m-sm-152 { margin: 152px !important; } .m-sm-156 { margin: 156px !important; } .m-sm-160 { margin: 160px !important; } .m-sm-164 { margin: 164px !important; } .m-sm-168 { margin: 168px !important; } .m-sm-172 { margin: 172px !important; } .m-sm-176 { margin: 176px !important; } .m-sm-180 { margin: 180px !important; } .m-sm-184 { margin: 184px !important; } .m-sm-188 { margin: 188px !important; } .m-sm-192 { margin: 192px !important; } .m-sm-196 { margin: 196px !important; } .m-sm-200 { margin: 200px !important; } .m-sm-204 { margin: 204px !important; } .m-sm-208 { margin: 208px !important; } .m-sm-212 { margin: 212px !important; } .m-sm-216 { margin: 216px !important; } .m-sm-220 { margin: 220px !important; } .m-sm-224 { margin: 224px !important; } .m-sm-228 { margin: 228px !important; } .m-sm-232 { margin: 232px !important; } .m-sm-236 { margin: 236px !important; } .m-sm-240 { margin: 240px !important; } .m-sm-244 { margin: 244px !important; } .m-sm-248 { margin: 248px !important; } .m-sm-252 { margin: 252px !important; } .m-sm-256 { margin: 256px !important; } .mx-sm-0 { margin-right: 0px !important; margin-left: 0px !important; } .my-sm-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .mx-sm-4 { margin-right: 4px !important; margin-left: 4px !important; } .my-sm-4 { margin-top: 4px !important; margin-bottom: 4px !important; } .mx-sm-8 { margin-right: 8px !important; margin-left: 8px !important; } .my-sm-8 { margin-top: 8px !important; margin-bottom: 8px !important; } .mx-sm-12 { margin-right: 12px !important; margin-left: 12px !important; } .my-sm-12 { margin-top: 12px !important; margin-bottom: 12px !important; } .mx-sm-16 { margin-right: 16px !important; margin-left: 16px !important; } .my-sm-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .mx-sm-20 { margin-right: 20px !important; margin-left: 20px !important; } .my-sm-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .mx-sm-24 { margin-right: 24px !important; margin-left: 24px !important; } .my-sm-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .mx-sm-28 { margin-right: 28px !important; margin-left: 28px !important; } .my-sm-28 { margin-top: 28px !important; margin-bottom: 28px !important; } .mx-sm-32 { margin-right: 32px !important; margin-left: 32px !important; } .my-sm-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .mx-sm-36 { margin-right: 36px !important; margin-left: 36px !important; } .my-sm-36 { margin-top: 36px !important; margin-bottom: 36px !important; } .mx-sm-40 { margin-right: 40px !important; margin-left: 40px !important; } .my-sm-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .mx-sm-44 { margin-right: 44px !important; margin-left: 44px !important; } .my-sm-44 { margin-top: 44px !important; margin-bottom: 44px !important; } .mx-sm-48 { margin-right: 48px !important; margin-left: 48px !important; } .my-sm-48 { margin-top: 48px !important; margin-bottom: 48px !important; } .mx-sm-52 { margin-right: 52px !important; margin-left: 52px !important; } .my-sm-52 { margin-top: 52px !important; margin-bottom: 52px !important; } .mx-sm-56 { margin-right: 56px !important; margin-left: 56px !important; } .my-sm-56 { margin-top: 56px !important; margin-bottom: 56px !important; } .mx-sm-60 { margin-right: 60px !important; margin-left: 60px !important; } .my-sm-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .mx-sm-64 { margin-right: 64px !important; margin-left: 64px !important; } .my-sm-64 { margin-top: 64px !important; margin-bottom: 64px !important; } .mx-sm-68 { margin-right: 68px !important; margin-left: 68px !important; } .my-sm-68 { margin-top: 68px !important; margin-bottom: 68px !important; } .mx-sm-72 { margin-right: 72px !important; margin-left: 72px !important; } .my-sm-72 { margin-top: 72px !important; margin-bottom: 72px !important; } .mx-sm-76 { margin-right: 76px !important; margin-left: 76px !important; } .my-sm-76 { margin-top: 76px !important; margin-bottom: 76px !important; } .mx-sm-80 { margin-right: 80px !important; margin-left: 80px !important; } .my-sm-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .mx-sm-84 { margin-right: 84px !important; margin-left: 84px !important; } .my-sm-84 { margin-top: 84px !important; margin-bottom: 84px !important; } .mx-sm-88 { margin-right: 88px !important; margin-left: 88px !important; } .my-sm-88 { margin-top: 88px !important; margin-bottom: 88px !important; } .mx-sm-92 { margin-right: 92px !important; margin-left: 92px !important; } .my-sm-92 { margin-top: 92px !important; margin-bottom: 92px !important; } .mx-sm-96 { margin-right: 96px !important; margin-left: 96px !important; } .my-sm-96 { margin-top: 96px !important; margin-bottom: 96px !important; } .mx-sm-100 { margin-right: 100px !important; margin-left: 100px !important; } .my-sm-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .mx-sm-104 { margin-right: 104px !important; margin-left: 104px !important; } .my-sm-104 { margin-top: 104px !important; margin-bottom: 104px !important; } .mx-sm-108 { margin-right: 108px !important; margin-left: 108px !important; } .my-sm-108 { margin-top: 108px !important; margin-bottom: 108px !important; } .mx-sm-112 { margin-right: 112px !important; margin-left: 112px !important; } .my-sm-112 { margin-top: 112px !important; margin-bottom: 112px !important; } .mx-sm-116 { margin-right: 116px !important; margin-left: 116px !important; } .my-sm-116 { margin-top: 116px !important; margin-bottom: 116px !important; } .mx-sm-120 { margin-right: 120px !important; margin-left: 120px !important; } .my-sm-120 { margin-top: 120px !important; margin-bottom: 120px !important; } .mx-sm-124 { margin-right: 124px !important; margin-left: 124px !important; } .my-sm-124 { margin-top: 124px !important; margin-bottom: 124px !important; } .mx-sm-128 { margin-right: 128px !important; margin-left: 128px !important; } .my-sm-128 { margin-top: 128px !important; margin-bottom: 128px !important; } .mx-sm-132 { margin-right: 132px !important; margin-left: 132px !important; } .my-sm-132 { margin-top: 132px !important; margin-bottom: 132px !important; } .mx-sm-136 { margin-right: 136px !important; margin-left: 136px !important; } .my-sm-136 { margin-top: 136px !important; margin-bottom: 136px !important; } .mx-sm-140 { margin-right: 140px !important; margin-left: 140px !important; } .my-sm-140 { margin-top: 140px !important; margin-bottom: 140px !important; } .mx-sm-144 { margin-right: 144px !important; margin-left: 144px !important; } .my-sm-144 { margin-top: 144px !important; margin-bottom: 144px !important; } .mx-sm-148 { margin-right: 148px !important; margin-left: 148px !important; } .my-sm-148 { margin-top: 148px !important; margin-bottom: 148px !important; } .mx-sm-152 { margin-right: 152px !important; margin-left: 152px !important; } .my-sm-152 { margin-top: 152px !important; margin-bottom: 152px !important; } .mx-sm-156 { margin-right: 156px !important; margin-left: 156px !important; } .my-sm-156 { margin-top: 156px !important; margin-bottom: 156px !important; } .mx-sm-160 { margin-right: 160px !important; margin-left: 160px !important; } .my-sm-160 { margin-top: 160px !important; margin-bottom: 160px !important; } .mx-sm-164 { margin-right: 164px !important; margin-left: 164px !important; } .my-sm-164 { margin-top: 164px !important; margin-bottom: 164px !important; } .mx-sm-168 { margin-right: 168px !important; margin-left: 168px !important; } .my-sm-168 { margin-top: 168px !important; margin-bottom: 168px !important; } .mx-sm-172 { margin-right: 172px !important; margin-left: 172px !important; } .my-sm-172 { margin-top: 172px !important; margin-bottom: 172px !important; } .mx-sm-176 { margin-right: 176px !important; margin-left: 176px !important; } .my-sm-176 { margin-top: 176px !important; margin-bottom: 176px !important; } .mx-sm-180 { margin-right: 180px !important; margin-left: 180px !important; } .my-sm-180 { margin-top: 180px !important; margin-bottom: 180px !important; } .mx-sm-184 { margin-right: 184px !important; margin-left: 184px !important; } .my-sm-184 { margin-top: 184px !important; margin-bottom: 184px !important; } .mx-sm-188 { margin-right: 188px !important; margin-left: 188px !important; } .my-sm-188 { margin-top: 188px !important; margin-bottom: 188px !important; } .mx-sm-192 { margin-right: 192px !important; margin-left: 192px !important; } .my-sm-192 { margin-top: 192px !important; margin-bottom: 192px !important; } .mx-sm-196 { margin-right: 196px !important; margin-left: 196px !important; } .my-sm-196 { margin-top: 196px !important; margin-bottom: 196px !important; } .mx-sm-200 { margin-right: 200px !important; margin-left: 200px !important; } .my-sm-200 { margin-top: 200px !important; margin-bottom: 200px !important; } .mx-sm-204 { margin-right: 204px !important; margin-left: 204px !important; } .my-sm-204 { margin-top: 204px !important; margin-bottom: 204px !important; } .mx-sm-208 { margin-right: 208px !important; margin-left: 208px !important; } .my-sm-208 { margin-top: 208px !important; margin-bottom: 208px !important; } .mx-sm-212 { margin-right: 212px !important; margin-left: 212px !important; } .my-sm-212 { margin-top: 212px !important; margin-bottom: 212px !important; } .mx-sm-216 { margin-right: 216px !important; margin-left: 216px !important; } .my-sm-216 { margin-top: 216px !important; margin-bottom: 216px !important; } .mx-sm-220 { margin-right: 220px !important; margin-left: 220px !important; } .my-sm-220 { margin-top: 220px !important; margin-bottom: 220px !important; } .mx-sm-224 { margin-right: 224px !important; margin-left: 224px !important; } .my-sm-224 { margin-top: 224px !important; margin-bottom: 224px !important; } .mx-sm-228 { margin-right: 228px !important; margin-left: 228px !important; } .my-sm-228 { margin-top: 228px !important; margin-bottom: 228px !important; } .mx-sm-232 { margin-right: 232px !important; margin-left: 232px !important; } .my-sm-232 { margin-top: 232px !important; margin-bottom: 232px !important; } .mx-sm-236 { margin-right: 236px !important; margin-left: 236px !important; } .my-sm-236 { margin-top: 236px !important; margin-bottom: 236px !important; } .mx-sm-240 { margin-right: 240px !important; margin-left: 240px !important; } .my-sm-240 { margin-top: 240px !important; margin-bottom: 240px !important; } .mx-sm-244 { margin-right: 244px !important; margin-left: 244px !important; } .my-sm-244 { margin-top: 244px !important; margin-bottom: 244px !important; } .mx-sm-248 { margin-right: 248px !important; margin-left: 248px !important; } .my-sm-248 { margin-top: 248px !important; margin-bottom: 248px !important; } .mx-sm-252 { margin-right: 252px !important; margin-left: 252px !important; } .my-sm-252 { margin-top: 252px !important; margin-bottom: 252px !important; } .mx-sm-256 { margin-right: 256px !important; margin-left: 256px !important; } .my-sm-256 { margin-top: 256px !important; margin-bottom: 256px !important; } .mt-sm-0 { margin-top: 0px !important; } .mr-sm-0 { margin-right: 0px !important; } .mb-sm-0 { margin-bottom: 0px !important; } .ml-sm-0 { margin-left: 0px !important; } .mt-sm-4 { margin-top: 4px !important; } .mr-sm-4 { margin-right: 4px !important; } .mb-sm-4 { margin-bottom: 4px !important; } .ml-sm-4 { margin-left: 4px !important; } .mt-sm-8 { margin-top: 8px !important; } .mr-sm-8 { margin-right: 8px !important; } .mb-sm-8 { margin-bottom: 8px !important; } .ml-sm-8 { margin-left: 8px !important; } .mt-sm-12 { margin-top: 12px !important; } .mr-sm-12 { margin-right: 12px !important; } .mb-sm-12 { margin-bottom: 12px !important; } .ml-sm-12 { margin-left: 12px !important; } .mt-sm-16 { margin-top: 16px !important; } .mr-sm-16 { margin-right: 16px !important; } .mb-sm-16 { margin-bottom: 16px !important; } .ml-sm-16 { margin-left: 16px !important; } .mt-sm-20 { margin-top: 20px !important; } .mr-sm-20 { margin-right: 20px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .ml-sm-20 { margin-left: 20px !important; } .mt-sm-24 { margin-top: 24px !important; } .mr-sm-24 { margin-right: 24px !important; } .mb-sm-24 { margin-bottom: 24px !important; } .ml-sm-24 { margin-left: 24px !important; } .mt-sm-28 { margin-top: 28px !important; } .mr-sm-28 { margin-right: 28px !important; } .mb-sm-28 { margin-bottom: 28px !important; } .ml-sm-28 { margin-left: 28px !important; } .mt-sm-32 { margin-top: 32px !important; } .mr-sm-32 { margin-right: 32px !important; } .mb-sm-32 { margin-bottom: 32px !important; } .ml-sm-32 { margin-left: 32px !important; } .mt-sm-36 { margin-top: 36px !important; } .mr-sm-36 { margin-right: 36px !important; } .mb-sm-36 { margin-bottom: 36px !important; } .ml-sm-36 { margin-left: 36px !important; } .mt-sm-40 { margin-top: 40px !important; } .mr-sm-40 { margin-right: 40px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .ml-sm-40 { margin-left: 40px !important; } .mt-sm-44 { margin-top: 44px !important; } .mr-sm-44 { margin-right: 44px !important; } .mb-sm-44 { margin-bottom: 44px !important; } .ml-sm-44 { margin-left: 44px !important; } .mt-sm-48 { margin-top: 48px !important; } .mr-sm-48 { margin-right: 48px !important; } .mb-sm-48 { margin-bottom: 48px !important; } .ml-sm-48 { margin-left: 48px !important; } .mt-sm-52 { margin-top: 52px !important; } .mr-sm-52 { margin-right: 52px !important; } .mb-sm-52 { margin-bottom: 52px !important; } .ml-sm-52 { margin-left: 52px !important; } .mt-sm-56 { margin-top: 56px !important; } .mr-sm-56 { margin-right: 56px !important; } .mb-sm-56 { margin-bottom: 56px !important; } .ml-sm-56 { margin-left: 56px !important; } .mt-sm-60 { margin-top: 60px !important; } .mr-sm-60 { margin-right: 60px !important; } .mb-sm-60 { margin-bottom: 60px !important; } .ml-sm-60 { margin-left: 60px !important; } .mt-sm-64 { margin-top: 64px !important; } .mr-sm-64 { margin-right: 64px !important; } .mb-sm-64 { margin-bottom: 64px !important; } .ml-sm-64 { margin-left: 64px !important; } .mt-sm-68 { margin-top: 68px !important; } .mr-sm-68 { margin-right: 68px !important; } .mb-sm-68 { margin-bottom: 68px !important; } .ml-sm-68 { margin-left: 68px !important; } .mt-sm-72 { margin-top: 72px !important; } .mr-sm-72 { margin-right: 72px !important; } .mb-sm-72 { margin-bottom: 72px !important; } .ml-sm-72 { margin-left: 72px !important; } .mt-sm-76 { margin-top: 76px !important; } .mr-sm-76 { margin-right: 76px !important; } .mb-sm-76 { margin-bottom: 76px !important; } .ml-sm-76 { margin-left: 76px !important; } .mt-sm-80 { margin-top: 80px !important; } .mr-sm-80 { margin-right: 80px !important; } .mb-sm-80 { margin-bottom: 80px !important; } .ml-sm-80 { margin-left: 80px !important; } .mt-sm-84 { margin-top: 84px !important; } .mr-sm-84 { margin-right: 84px !important; } .mb-sm-84 { margin-bottom: 84px !important; } .ml-sm-84 { margin-left: 84px !important; } .mt-sm-88 { margin-top: 88px !important; } .mr-sm-88 { margin-right: 88px !important; } .mb-sm-88 { margin-bottom: 88px !important; } .ml-sm-88 { margin-left: 88px !important; } .mt-sm-92 { margin-top: 92px !important; } .mr-sm-92 { margin-right: 92px !important; } .mb-sm-92 { margin-bottom: 92px !important; } .ml-sm-92 { margin-left: 92px !important; } .mt-sm-96 { margin-top: 96px !important; } .mr-sm-96 { margin-right: 96px !important; } .mb-sm-96 { margin-bottom: 96px !important; } .ml-sm-96 { margin-left: 96px !important; } .mt-sm-100 { margin-top: 100px !important; } .mr-sm-100 { margin-right: 100px !important; } .mb-sm-100 { margin-bottom: 100px !important; } .ml-sm-100 { margin-left: 100px !important; } .mt-sm-104 { margin-top: 104px !important; } .mr-sm-104 { margin-right: 104px !important; } .mb-sm-104 { margin-bottom: 104px !important; } .ml-sm-104 { margin-left: 104px !important; } .mt-sm-108 { margin-top: 108px !important; } .mr-sm-108 { margin-right: 108px !important; } .mb-sm-108 { margin-bottom: 108px !important; } .ml-sm-108 { margin-left: 108px !important; } .mt-sm-112 { margin-top: 112px !important; } .mr-sm-112 { margin-right: 112px !important; } .mb-sm-112 { margin-bottom: 112px !important; } .ml-sm-112 { margin-left: 112px !important; } .mt-sm-116 { margin-top: 116px !important; } .mr-sm-116 { margin-right: 116px !important; } .mb-sm-116 { margin-bottom: 116px !important; } .ml-sm-116 { margin-left: 116px !important; } .mt-sm-120 { margin-top: 120px !important; } .mr-sm-120 { margin-right: 120px !important; } .mb-sm-120 { margin-bottom: 120px !important; } .ml-sm-120 { margin-left: 120px !important; } .mt-sm-124 { margin-top: 124px !important; } .mr-sm-124 { margin-right: 124px !important; } .mb-sm-124 { margin-bottom: 124px !important; } .ml-sm-124 { margin-left: 124px !important; } .mt-sm-128 { margin-top: 128px !important; } .mr-sm-128 { margin-right: 128px !important; } .mb-sm-128 { margin-bottom: 128px !important; } .ml-sm-128 { margin-left: 128px !important; } .mt-sm-132 { margin-top: 132px !important; } .mr-sm-132 { margin-right: 132px !important; } .mb-sm-132 { margin-bottom: 132px !important; } .ml-sm-132 { margin-left: 132px !important; } .mt-sm-136 { margin-top: 136px !important; } .mr-sm-136 { margin-right: 136px !important; } .mb-sm-136 { margin-bottom: 136px !important; } .ml-sm-136 { margin-left: 136px !important; } .mt-sm-140 { margin-top: 140px !important; } .mr-sm-140 { margin-right: 140px !important; } .mb-sm-140 { margin-bottom: 140px !important; } .ml-sm-140 { margin-left: 140px !important; } .mt-sm-144 { margin-top: 144px !important; } .mr-sm-144 { margin-right: 144px !important; } .mb-sm-144 { margin-bottom: 144px !important; } .ml-sm-144 { margin-left: 144px !important; } .mt-sm-148 { margin-top: 148px !important; } .mr-sm-148 { margin-right: 148px !important; } .mb-sm-148 { margin-bottom: 148px !important; } .ml-sm-148 { margin-left: 148px !important; } .mt-sm-152 { margin-top: 152px !important; } .mr-sm-152 { margin-right: 152px !important; } .mb-sm-152 { margin-bottom: 152px !important; } .ml-sm-152 { margin-left: 152px !important; } .mt-sm-156 { margin-top: 156px !important; } .mr-sm-156 { margin-right: 156px !important; } .mb-sm-156 { margin-bottom: 156px !important; } .ml-sm-156 { margin-left: 156px !important; } .mt-sm-160 { margin-top: 160px !important; } .mr-sm-160 { margin-right: 160px !important; } .mb-sm-160 { margin-bottom: 160px !important; } .ml-sm-160 { margin-left: 160px !important; } .mt-sm-164 { margin-top: 164px !important; } .mr-sm-164 { margin-right: 164px !important; } .mb-sm-164 { margin-bottom: 164px !important; } .ml-sm-164 { margin-left: 164px !important; } .mt-sm-168 { margin-top: 168px !important; } .mr-sm-168 { margin-right: 168px !important; } .mb-sm-168 { margin-bottom: 168px !important; } .ml-sm-168 { margin-left: 168px !important; } .mt-sm-172 { margin-top: 172px !important; } .mr-sm-172 { margin-right: 172px !important; } .mb-sm-172 { margin-bottom: 172px !important; } .ml-sm-172 { margin-left: 172px !important; } .mt-sm-176 { margin-top: 176px !important; } .mr-sm-176 { margin-right: 176px !important; } .mb-sm-176 { margin-bottom: 176px !important; } .ml-sm-176 { margin-left: 176px !important; } .mt-sm-180 { margin-top: 180px !important; } .mr-sm-180 { margin-right: 180px !important; } .mb-sm-180 { margin-bottom: 180px !important; } .ml-sm-180 { margin-left: 180px !important; } .mt-sm-184 { margin-top: 184px !important; } .mr-sm-184 { margin-right: 184px !important; } .mb-sm-184 { margin-bottom: 184px !important; } .ml-sm-184 { margin-left: 184px !important; } .mt-sm-188 { margin-top: 188px !important; } .mr-sm-188 { margin-right: 188px !important; } .mb-sm-188 { margin-bottom: 188px !important; } .ml-sm-188 { margin-left: 188px !important; } .mt-sm-192 { margin-top: 192px !important; } .mr-sm-192 { margin-right: 192px !important; } .mb-sm-192 { margin-bottom: 192px !important; } .ml-sm-192 { margin-left: 192px !important; } .mt-sm-196 { margin-top: 196px !important; } .mr-sm-196 { margin-right: 196px !important; } .mb-sm-196 { margin-bottom: 196px !important; } .ml-sm-196 { margin-left: 196px !important; } .mt-sm-200 { margin-top: 200px !important; } .mr-sm-200 { margin-right: 200px !important; } .mb-sm-200 { margin-bottom: 200px !important; } .ml-sm-200 { margin-left: 200px !important; } .mt-sm-204 { margin-top: 204px !important; } .mr-sm-204 { margin-right: 204px !important; } .mb-sm-204 { margin-bottom: 204px !important; } .ml-sm-204 { margin-left: 204px !important; } .mt-sm-208 { margin-top: 208px !important; } .mr-sm-208 { margin-right: 208px !important; } .mb-sm-208 { margin-bottom: 208px !important; } .ml-sm-208 { margin-left: 208px !important; } .mt-sm-212 { margin-top: 212px !important; } .mr-sm-212 { margin-right: 212px !important; } .mb-sm-212 { margin-bottom: 212px !important; } .ml-sm-212 { margin-left: 212px !important; } .mt-sm-216 { margin-top: 216px !important; } .mr-sm-216 { margin-right: 216px !important; } .mb-sm-216 { margin-bottom: 216px !important; } .ml-sm-216 { margin-left: 216px !important; } .mt-sm-220 { margin-top: 220px !important; } .mr-sm-220 { margin-right: 220px !important; } .mb-sm-220 { margin-bottom: 220px !important; } .ml-sm-220 { margin-left: 220px !important; } .mt-sm-224 { margin-top: 224px !important; } .mr-sm-224 { margin-right: 224px !important; } .mb-sm-224 { margin-bottom: 224px !important; } .ml-sm-224 { margin-left: 224px !important; } .mt-sm-228 { margin-top: 228px !important; } .mr-sm-228 { margin-right: 228px !important; } .mb-sm-228 { margin-bottom: 228px !important; } .ml-sm-228 { margin-left: 228px !important; } .mt-sm-232 { margin-top: 232px !important; } .mr-sm-232 { margin-right: 232px !important; } .mb-sm-232 { margin-bottom: 232px !important; } .ml-sm-232 { margin-left: 232px !important; } .mt-sm-236 { margin-top: 236px !important; } .mr-sm-236 { margin-right: 236px !important; } .mb-sm-236 { margin-bottom: 236px !important; } .ml-sm-236 { margin-left: 236px !important; } .mt-sm-240 { margin-top: 240px !important; } .mr-sm-240 { margin-right: 240px !important; } .mb-sm-240 { margin-bottom: 240px !important; } .ml-sm-240 { margin-left: 240px !important; } .mt-sm-244 { margin-top: 244px !important; } .mr-sm-244 { margin-right: 244px !important; } .mb-sm-244 { margin-bottom: 244px !important; } .ml-sm-244 { margin-left: 244px !important; } .mt-sm-248 { margin-top: 248px !important; } .mr-sm-248 { margin-right: 248px !important; } .mb-sm-248 { margin-bottom: 248px !important; } .ml-sm-248 { margin-left: 248px !important; } .mt-sm-252 { margin-top: 252px !important; } .mr-sm-252 { margin-right: 252px !important; } .mb-sm-252 { margin-bottom: 252px !important; } .ml-sm-252 { margin-left: 252px !important; } .mt-sm-256 { margin-top: 256px !important; } .mr-sm-256 { margin-right: 256px !important; } .mb-sm-256 { margin-bottom: 256px !important; } .ml-sm-256 { margin-left: 256px !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .p-sm-0 { padding: 0px !important; } .p-sm-4 { padding: 4px !important; } .p-sm-8 { padding: 8px !important; } .p-sm-12 { padding: 12px !important; } .p-sm-16 { padding: 16px !important; } .p-sm-20 { padding: 20px !important; } .p-sm-24 { padding: 24px !important; } .p-sm-28 { padding: 28px !important; } .p-sm-32 { padding: 32px !important; } .p-sm-36 { padding: 36px !important; } .p-sm-40 { padding: 40px !important; } .p-sm-44 { padding: 44px !important; } .p-sm-48 { padding: 48px !important; } .p-sm-52 { padding: 52px !important; } .p-sm-56 { padding: 56px !important; } .p-sm-60 { padding: 60px !important; } .p-sm-64 { padding: 64px !important; } .p-sm-68 { padding: 68px !important; } .p-sm-72 { padding: 72px !important; } .p-sm-76 { padding: 76px !important; } .p-sm-80 { padding: 80px !important; } .p-sm-84 { padding: 84px !important; } .p-sm-88 { padding: 88px !important; } .p-sm-92 { padding: 92px !important; } .p-sm-96 { padding: 96px !important; } .p-sm-100 { padding: 100px !important; } .p-sm-104 { padding: 104px !important; } .p-sm-108 { padding: 108px !important; } .p-sm-112 { padding: 112px !important; } .p-sm-116 { padding: 116px !important; } .p-sm-120 { padding: 120px !important; } .p-sm-124 { padding: 124px !important; } .p-sm-128 { padding: 128px !important; } .p-sm-132 { padding: 132px !important; } .p-sm-136 { padding: 136px !important; } .p-sm-140 { padding: 140px !important; } .p-sm-144 { padding: 144px !important; } .p-sm-148 { padding: 148px !important; } .p-sm-152 { padding: 152px !important; } .p-sm-156 { padding: 156px !important; } .p-sm-160 { padding: 160px !important; } .p-sm-164 { padding: 164px !important; } .p-sm-168 { padding: 168px !important; } .p-sm-172 { padding: 172px !important; } .p-sm-176 { padding: 176px !important; } .p-sm-180 { padding: 180px !important; } .p-sm-184 { padding: 184px !important; } .p-sm-188 { padding: 188px !important; } .p-sm-192 { padding: 192px !important; } .p-sm-196 { padding: 196px !important; } .p-sm-200 { padding: 200px !important; } .p-sm-204 { padding: 204px !important; } .p-sm-208 { padding: 208px !important; } .p-sm-212 { padding: 212px !important; } .p-sm-216 { padding: 216px !important; } .p-sm-220 { padding: 220px !important; } .p-sm-224 { padding: 224px !important; } .p-sm-228 { padding: 228px !important; } .p-sm-232 { padding: 232px !important; } .p-sm-236 { padding: 236px !important; } .p-sm-240 { padding: 240px !important; } .p-sm-244 { padding: 244px !important; } .p-sm-248 { padding: 248px !important; } .p-sm-252 { padding: 252px !important; } .p-sm-256 { padding: 256px !important; } .px-sm-0 { padding-right: 0px !important; padding-left: 0px !important; } .py-sm-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .px-sm-4 { padding-right: 4px !important; padding-left: 4px !important; } .py-sm-4 { padding-top: 4px !important; padding-bottom: 4px !important; } .px-sm-8 { padding-right: 8px !important; padding-left: 8px !important; } .py-sm-8 { padding-top: 8px !important; padding-bottom: 8px !important; } .px-sm-12 { padding-right: 12px !important; padding-left: 12px !important; } .py-sm-12 { padding-top: 12px !important; padding-bottom: 12px !important; } .px-sm-16 { padding-right: 16px !important; padding-left: 16px !important; } .py-sm-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .px-sm-20 { padding-right: 20px !important; padding-left: 20px !important; } .py-sm-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .px-sm-24 { padding-right: 24px !important; padding-left: 24px !important; } .py-sm-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .px-sm-28 { padding-right: 28px !important; padding-left: 28px !important; } .py-sm-28 { padding-top: 28px !important; padding-bottom: 28px !important; } .px-sm-32 { padding-right: 32px !important; padding-left: 32px !important; } .py-sm-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .px-sm-36 { padding-right: 36px !important; padding-left: 36px !important; } .py-sm-36 { padding-top: 36px !important; padding-bottom: 36px !important; } .px-sm-40 { padding-right: 40px !important; padding-left: 40px !important; } .py-sm-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .px-sm-44 { padding-right: 44px !important; padding-left: 44px !important; } .py-sm-44 { padding-top: 44px !important; padding-bottom: 44px !important; } .px-sm-48 { padding-right: 48px !important; padding-left: 48px !important; } .py-sm-48 { padding-top: 48px !important; padding-bottom: 48px !important; } .px-sm-52 { padding-right: 52px !important; padding-left: 52px !important; } .py-sm-52 { padding-top: 52px !important; padding-bottom: 52px !important; } .px-sm-56 { padding-right: 56px !important; padding-left: 56px !important; } .py-sm-56 { padding-top: 56px !important; padding-bottom: 56px !important; } .px-sm-60 { padding-right: 60px !important; padding-left: 60px !important; } .py-sm-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .px-sm-64 { padding-right: 64px !important; padding-left: 64px !important; } .py-sm-64 { padding-top: 64px !important; padding-bottom: 64px !important; } .px-sm-68 { padding-right: 68px !important; padding-left: 68px !important; } .py-sm-68 { padding-top: 68px !important; padding-bottom: 68px !important; } .px-sm-72 { padding-right: 72px !important; padding-left: 72px !important; } .py-sm-72 { padding-top: 72px !important; padding-bottom: 72px !important; } .px-sm-76 { padding-right: 76px !important; padding-left: 76px !important; } .py-sm-76 { padding-top: 76px !important; padding-bottom: 76px !important; } .px-sm-80 { padding-right: 80px !important; padding-left: 80px !important; } .py-sm-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .px-sm-84 { padding-right: 84px !important; padding-left: 84px !important; } .py-sm-84 { padding-top: 84px !important; padding-bottom: 84px !important; } .px-sm-88 { padding-right: 88px !important; padding-left: 88px !important; } .py-sm-88 { padding-top: 88px !important; padding-bottom: 88px !important; } .px-sm-92 { padding-right: 92px !important; padding-left: 92px !important; } .py-sm-92 { padding-top: 92px !important; padding-bottom: 92px !important; } .px-sm-96 { padding-right: 96px !important; padding-left: 96px !important; } .py-sm-96 { padding-top: 96px !important; padding-bottom: 96px !important; } .px-sm-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-sm-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .px-sm-104 { padding-right: 104px !important; padding-left: 104px !important; } .py-sm-104 { padding-top: 104px !important; padding-bottom: 104px !important; } .px-sm-108 { padding-right: 108px !important; padding-left: 108px !important; } .py-sm-108 { padding-top: 108px !important; padding-bottom: 108px !important; } .px-sm-112 { padding-right: 112px !important; padding-left: 112px !important; } .py-sm-112 { padding-top: 112px !important; padding-bottom: 112px !important; } .px-sm-116 { padding-right: 116px !important; padding-left: 116px !important; } .py-sm-116 { padding-top: 116px !important; padding-bottom: 116px !important; } .px-sm-120 { padding-right: 120px !important; padding-left: 120px !important; } .py-sm-120 { padding-top: 120px !important; padding-bottom: 120px !important; } .px-sm-124 { padding-right: 124px !important; padding-left: 124px !important; } .py-sm-124 { padding-top: 124px !important; padding-bottom: 124px !important; } .px-sm-128 { padding-right: 128px !important; padding-left: 128px !important; } .py-sm-128 { padding-top: 128px !important; padding-bottom: 128px !important; } .px-sm-132 { padding-right: 132px !important; padding-left: 132px !important; } .py-sm-132 { padding-top: 132px !important; padding-bottom: 132px !important; } .px-sm-136 { padding-right: 136px !important; padding-left: 136px !important; } .py-sm-136 { padding-top: 136px !important; padding-bottom: 136px !important; } .px-sm-140 { padding-right: 140px !important; padding-left: 140px !important; } .py-sm-140 { padding-top: 140px !important; padding-bottom: 140px !important; } .px-sm-144 { padding-right: 144px !important; padding-left: 144px !important; } .py-sm-144 { padding-top: 144px !important; padding-bottom: 144px !important; } .px-sm-148 { padding-right: 148px !important; padding-left: 148px !important; } .py-sm-148 { padding-top: 148px !important; padding-bottom: 148px !important; } .px-sm-152 { padding-right: 152px !important; padding-left: 152px !important; } .py-sm-152 { padding-top: 152px !important; padding-bottom: 152px !important; } .px-sm-156 { padding-right: 156px !important; padding-left: 156px !important; } .py-sm-156 { padding-top: 156px !important; padding-bottom: 156px !important; } .px-sm-160 { padding-right: 160px !important; padding-left: 160px !important; } .py-sm-160 { padding-top: 160px !important; padding-bottom: 160px !important; } .px-sm-164 { padding-right: 164px !important; padding-left: 164px !important; } .py-sm-164 { padding-top: 164px !important; padding-bottom: 164px !important; } .px-sm-168 { padding-right: 168px !important; padding-left: 168px !important; } .py-sm-168 { padding-top: 168px !important; padding-bottom: 168px !important; } .px-sm-172 { padding-right: 172px !important; padding-left: 172px !important; } .py-sm-172 { padding-top: 172px !important; padding-bottom: 172px !important; } .px-sm-176 { padding-right: 176px !important; padding-left: 176px !important; } .py-sm-176 { padding-top: 176px !important; padding-bottom: 176px !important; } .px-sm-180 { padding-right: 180px !important; padding-left: 180px !important; } .py-sm-180 { padding-top: 180px !important; padding-bottom: 180px !important; } .px-sm-184 { padding-right: 184px !important; padding-left: 184px !important; } .py-sm-184 { padding-top: 184px !important; padding-bottom: 184px !important; } .px-sm-188 { padding-right: 188px !important; padding-left: 188px !important; } .py-sm-188 { padding-top: 188px !important; padding-bottom: 188px !important; } .px-sm-192 { padding-right: 192px !important; padding-left: 192px !important; } .py-sm-192 { padding-top: 192px !important; padding-bottom: 192px !important; } .px-sm-196 { padding-right: 196px !important; padding-left: 196px !important; } .py-sm-196 { padding-top: 196px !important; padding-bottom: 196px !important; } .px-sm-200 { padding-right: 200px !important; padding-left: 200px !important; } .py-sm-200 { padding-top: 200px !important; padding-bottom: 200px !important; } .px-sm-204 { padding-right: 204px !important; padding-left: 204px !important; } .py-sm-204 { padding-top: 204px !important; padding-bottom: 204px !important; } .px-sm-208 { padding-right: 208px !important; padding-left: 208px !important; } .py-sm-208 { padding-top: 208px !important; padding-bottom: 208px !important; } .px-sm-212 { padding-right: 212px !important; padding-left: 212px !important; } .py-sm-212 { padding-top: 212px !important; padding-bottom: 212px !important; } .px-sm-216 { padding-right: 216px !important; padding-left: 216px !important; } .py-sm-216 { padding-top: 216px !important; padding-bottom: 216px !important; } .px-sm-220 { padding-right: 220px !important; padding-left: 220px !important; } .py-sm-220 { padding-top: 220px !important; padding-bottom: 220px !important; } .px-sm-224 { padding-right: 224px !important; padding-left: 224px !important; } .py-sm-224 { padding-top: 224px !important; padding-bottom: 224px !important; } .px-sm-228 { padding-right: 228px !important; padding-left: 228px !important; } .py-sm-228 { padding-top: 228px !important; padding-bottom: 228px !important; } .px-sm-232 { padding-right: 232px !important; padding-left: 232px !important; } .py-sm-232 { padding-top: 232px !important; padding-bottom: 232px !important; } .px-sm-236 { padding-right: 236px !important; padding-left: 236px !important; } .py-sm-236 { padding-top: 236px !important; padding-bottom: 236px !important; } .px-sm-240 { padding-right: 240px !important; padding-left: 240px !important; } .py-sm-240 { padding-top: 240px !important; padding-bottom: 240px !important; } .px-sm-244 { padding-right: 244px !important; padding-left: 244px !important; } .py-sm-244 { padding-top: 244px !important; padding-bottom: 244px !important; } .px-sm-248 { padding-right: 248px !important; padding-left: 248px !important; } .py-sm-248 { padding-top: 248px !important; padding-bottom: 248px !important; } .px-sm-252 { padding-right: 252px !important; padding-left: 252px !important; } .py-sm-252 { padding-top: 252px !important; padding-bottom: 252px !important; } .px-sm-256 { padding-right: 256px !important; padding-left: 256px !important; } .py-sm-256 { padding-top: 256px !important; padding-bottom: 256px !important; } .pt-sm-0 { padding-top: 0px !important; } .pr-sm-0 { padding-right: 0px !important; } .pb-sm-0 { padding-bottom: 0px !important; } .pl-sm-0 { padding-left: 0px !important; } .pt-sm-4 { padding-top: 4px !important; } .pr-sm-4 { padding-right: 4px !important; } .pb-sm-4 { padding-bottom: 4px !important; } .pl-sm-4 { padding-left: 4px !important; } .pt-sm-8 { padding-top: 8px !important; } .pr-sm-8 { padding-right: 8px !important; } .pb-sm-8 { padding-bottom: 8px !important; } .pl-sm-8 { padding-left: 8px !important; } .pt-sm-12 { padding-top: 12px !important; } .pr-sm-12 { padding-right: 12px !important; } .pb-sm-12 { padding-bottom: 12px !important; } .pl-sm-12 { padding-left: 12px !important; } .pt-sm-16 { padding-top: 16px !important; } .pr-sm-16 { padding-right: 16px !important; } .pb-sm-16 { padding-bottom: 16px !important; } .pl-sm-16 { padding-left: 16px !important; } .pt-sm-20 { padding-top: 20px !important; } .pr-sm-20 { padding-right: 20px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pl-sm-20 { padding-left: 20px !important; } .pt-sm-24 { padding-top: 24px !important; } .pr-sm-24 { padding-right: 24px !important; } .pb-sm-24 { padding-bottom: 24px !important; } .pl-sm-24 { padding-left: 24px !important; } .pt-sm-28 { padding-top: 28px !important; } .pr-sm-28 { padding-right: 28px !important; } .pb-sm-28 { padding-bottom: 28px !important; } .pl-sm-28 { padding-left: 28px !important; } .pt-sm-32 { padding-top: 32px !important; } .pr-sm-32 { padding-right: 32px !important; } .pb-sm-32 { padding-bottom: 32px !important; } .pl-sm-32 { padding-left: 32px !important; } .pt-sm-36 { padding-top: 36px !important; } .pr-sm-36 { padding-right: 36px !important; } .pb-sm-36 { padding-bottom: 36px !important; } .pl-sm-36 { padding-left: 36px !important; } .pt-sm-40 { padding-top: 40px !important; } .pr-sm-40 { padding-right: 40px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pl-sm-40 { padding-left: 40px !important; } .pt-sm-44 { padding-top: 44px !important; } .pr-sm-44 { padding-right: 44px !important; } .pb-sm-44 { padding-bottom: 44px !important; } .pl-sm-44 { padding-left: 44px !important; } .pt-sm-48 { padding-top: 48px !important; } .pr-sm-48 { padding-right: 48px !important; } .pb-sm-48 { padding-bottom: 48px !important; } .pl-sm-48 { padding-left: 48px !important; } .pt-sm-52 { padding-top: 52px !important; } .pr-sm-52 { padding-right: 52px !important; } .pb-sm-52 { padding-bottom: 52px !important; } .pl-sm-52 { padding-left: 52px !important; } .pt-sm-56 { padding-top: 56px !important; } .pr-sm-56 { padding-right: 56px !important; } .pb-sm-56 { padding-bottom: 56px !important; } .pl-sm-56 { padding-left: 56px !important; } .pt-sm-60 { padding-top: 60px !important; } .pr-sm-60 { padding-right: 60px !important; } .pb-sm-60 { padding-bottom: 60px !important; } .pl-sm-60 { padding-left: 60px !important; } .pt-sm-64 { padding-top: 64px !important; } .pr-sm-64 { padding-right: 64px !important; } .pb-sm-64 { padding-bottom: 64px !important; } .pl-sm-64 { padding-left: 64px !important; } .pt-sm-68 { padding-top: 68px !important; } .pr-sm-68 { padding-right: 68px !important; } .pb-sm-68 { padding-bottom: 68px !important; } .pl-sm-68 { padding-left: 68px !important; } .pt-sm-72 { padding-top: 72px !important; } .pr-sm-72 { padding-right: 72px !important; } .pb-sm-72 { padding-bottom: 72px !important; } .pl-sm-72 { padding-left: 72px !important; } .pt-sm-76 { padding-top: 76px !important; } .pr-sm-76 { padding-right: 76px !important; } .pb-sm-76 { padding-bottom: 76px !important; } .pl-sm-76 { padding-left: 76px !important; } .pt-sm-80 { padding-top: 80px !important; } .pr-sm-80 { padding-right: 80px !important; } .pb-sm-80 { padding-bottom: 80px !important; } .pl-sm-80 { padding-left: 80px !important; } .pt-sm-84 { padding-top: 84px !important; } .pr-sm-84 { padding-right: 84px !important; } .pb-sm-84 { padding-bottom: 84px !important; } .pl-sm-84 { padding-left: 84px !important; } .pt-sm-88 { padding-top: 88px !important; } .pr-sm-88 { padding-right: 88px !important; } .pb-sm-88 { padding-bottom: 88px !important; } .pl-sm-88 { padding-left: 88px !important; } .pt-sm-92 { padding-top: 92px !important; } .pr-sm-92 { padding-right: 92px !important; } .pb-sm-92 { padding-bottom: 92px !important; } .pl-sm-92 { padding-left: 92px !important; } .pt-sm-96 { padding-top: 96px !important; } .pr-sm-96 { padding-right: 96px !important; } .pb-sm-96 { padding-bottom: 96px !important; } .pl-sm-96 { padding-left: 96px !important; } .pt-sm-100 { padding-top: 100px !important; } .pr-sm-100 { padding-right: 100px !important; } .pb-sm-100 { padding-bottom: 100px !important; } .pl-sm-100 { padding-left: 100px !important; } .pt-sm-104 { padding-top: 104px !important; } .pr-sm-104 { padding-right: 104px !important; } .pb-sm-104 { padding-bottom: 104px !important; } .pl-sm-104 { padding-left: 104px !important; } .pt-sm-108 { padding-top: 108px !important; } .pr-sm-108 { padding-right: 108px !important; } .pb-sm-108 { padding-bottom: 108px !important; } .pl-sm-108 { padding-left: 108px !important; } .pt-sm-112 { padding-top: 112px !important; } .pr-sm-112 { padding-right: 112px !important; } .pb-sm-112 { padding-bottom: 112px !important; } .pl-sm-112 { padding-left: 112px !important; } .pt-sm-116 { padding-top: 116px !important; } .pr-sm-116 { padding-right: 116px !important; } .pb-sm-116 { padding-bottom: 116px !important; } .pl-sm-116 { padding-left: 116px !important; } .pt-sm-120 { padding-top: 120px !important; } .pr-sm-120 { padding-right: 120px !important; } .pb-sm-120 { padding-bottom: 120px !important; } .pl-sm-120 { padding-left: 120px !important; } .pt-sm-124 { padding-top: 124px !important; } .pr-sm-124 { padding-right: 124px !important; } .pb-sm-124 { padding-bottom: 124px !important; } .pl-sm-124 { padding-left: 124px !important; } .pt-sm-128 { padding-top: 128px !important; } .pr-sm-128 { padding-right: 128px !important; } .pb-sm-128 { padding-bottom: 128px !important; } .pl-sm-128 { padding-left: 128px !important; } .pt-sm-132 { padding-top: 132px !important; } .pr-sm-132 { padding-right: 132px !important; } .pb-sm-132 { padding-bottom: 132px !important; } .pl-sm-132 { padding-left: 132px !important; } .pt-sm-136 { padding-top: 136px !important; } .pr-sm-136 { padding-right: 136px !important; } .pb-sm-136 { padding-bottom: 136px !important; } .pl-sm-136 { padding-left: 136px !important; } .pt-sm-140 { padding-top: 140px !important; } .pr-sm-140 { padding-right: 140px !important; } .pb-sm-140 { padding-bottom: 140px !important; } .pl-sm-140 { padding-left: 140px !important; } .pt-sm-144 { padding-top: 144px !important; } .pr-sm-144 { padding-right: 144px !important; } .pb-sm-144 { padding-bottom: 144px !important; } .pl-sm-144 { padding-left: 144px !important; } .pt-sm-148 { padding-top: 148px !important; } .pr-sm-148 { padding-right: 148px !important; } .pb-sm-148 { padding-bottom: 148px !important; } .pl-sm-148 { padding-left: 148px !important; } .pt-sm-152 { padding-top: 152px !important; } .pr-sm-152 { padding-right: 152px !important; } .pb-sm-152 { padding-bottom: 152px !important; } .pl-sm-152 { padding-left: 152px !important; } .pt-sm-156 { padding-top: 156px !important; } .pr-sm-156 { padding-right: 156px !important; } .pb-sm-156 { padding-bottom: 156px !important; } .pl-sm-156 { padding-left: 156px !important; } .pt-sm-160 { padding-top: 160px !important; } .pr-sm-160 { padding-right: 160px !important; } .pb-sm-160 { padding-bottom: 160px !important; } .pl-sm-160 { padding-left: 160px !important; } .pt-sm-164 { padding-top: 164px !important; } .pr-sm-164 { padding-right: 164px !important; } .pb-sm-164 { padding-bottom: 164px !important; } .pl-sm-164 { padding-left: 164px !important; } .pt-sm-168 { padding-top: 168px !important; } .pr-sm-168 { padding-right: 168px !important; } .pb-sm-168 { padding-bottom: 168px !important; } .pl-sm-168 { padding-left: 168px !important; } .pt-sm-172 { padding-top: 172px !important; } .pr-sm-172 { padding-right: 172px !important; } .pb-sm-172 { padding-bottom: 172px !important; } .pl-sm-172 { padding-left: 172px !important; } .pt-sm-176 { padding-top: 176px !important; } .pr-sm-176 { padding-right: 176px !important; } .pb-sm-176 { padding-bottom: 176px !important; } .pl-sm-176 { padding-left: 176px !important; } .pt-sm-180 { padding-top: 180px !important; } .pr-sm-180 { padding-right: 180px !important; } .pb-sm-180 { padding-bottom: 180px !important; } .pl-sm-180 { padding-left: 180px !important; } .pt-sm-184 { padding-top: 184px !important; } .pr-sm-184 { padding-right: 184px !important; } .pb-sm-184 { padding-bottom: 184px !important; } .pl-sm-184 { padding-left: 184px !important; } .pt-sm-188 { padding-top: 188px !important; } .pr-sm-188 { padding-right: 188px !important; } .pb-sm-188 { padding-bottom: 188px !important; } .pl-sm-188 { padding-left: 188px !important; } .pt-sm-192 { padding-top: 192px !important; } .pr-sm-192 { padding-right: 192px !important; } .pb-sm-192 { padding-bottom: 192px !important; } .pl-sm-192 { padding-left: 192px !important; } .pt-sm-196 { padding-top: 196px !important; } .pr-sm-196 { padding-right: 196px !important; } .pb-sm-196 { padding-bottom: 196px !important; } .pl-sm-196 { padding-left: 196px !important; } .pt-sm-200 { padding-top: 200px !important; } .pr-sm-200 { padding-right: 200px !important; } .pb-sm-200 { padding-bottom: 200px !important; } .pl-sm-200 { padding-left: 200px !important; } .pt-sm-204 { padding-top: 204px !important; } .pr-sm-204 { padding-right: 204px !important; } .pb-sm-204 { padding-bottom: 204px !important; } .pl-sm-204 { padding-left: 204px !important; } .pt-sm-208 { padding-top: 208px !important; } .pr-sm-208 { padding-right: 208px !important; } .pb-sm-208 { padding-bottom: 208px !important; } .pl-sm-208 { padding-left: 208px !important; } .pt-sm-212 { padding-top: 212px !important; } .pr-sm-212 { padding-right: 212px !important; } .pb-sm-212 { padding-bottom: 212px !important; } .pl-sm-212 { padding-left: 212px !important; } .pt-sm-216 { padding-top: 216px !important; } .pr-sm-216 { padding-right: 216px !important; } .pb-sm-216 { padding-bottom: 216px !important; } .pl-sm-216 { padding-left: 216px !important; } .pt-sm-220 { padding-top: 220px !important; } .pr-sm-220 { padding-right: 220px !important; } .pb-sm-220 { padding-bottom: 220px !important; } .pl-sm-220 { padding-left: 220px !important; } .pt-sm-224 { padding-top: 224px !important; } .pr-sm-224 { padding-right: 224px !important; } .pb-sm-224 { padding-bottom: 224px !important; } .pl-sm-224 { padding-left: 224px !important; } .pt-sm-228 { padding-top: 228px !important; } .pr-sm-228 { padding-right: 228px !important; } .pb-sm-228 { padding-bottom: 228px !important; } .pl-sm-228 { padding-left: 228px !important; } .pt-sm-232 { padding-top: 232px !important; } .pr-sm-232 { padding-right: 232px !important; } .pb-sm-232 { padding-bottom: 232px !important; } .pl-sm-232 { padding-left: 232px !important; } .pt-sm-236 { padding-top: 236px !important; } .pr-sm-236 { padding-right: 236px !important; } .pb-sm-236 { padding-bottom: 236px !important; } .pl-sm-236 { padding-left: 236px !important; } .pt-sm-240 { padding-top: 240px !important; } .pr-sm-240 { padding-right: 240px !important; } .pb-sm-240 { padding-bottom: 240px !important; } .pl-sm-240 { padding-left: 240px !important; } .pt-sm-244 { padding-top: 244px !important; } .pr-sm-244 { padding-right: 244px !important; } .pb-sm-244 { padding-bottom: 244px !important; } .pl-sm-244 { padding-left: 244px !important; } .pt-sm-248 { padding-top: 248px !important; } .pr-sm-248 { padding-right: 248px !important; } .pb-sm-248 { padding-bottom: 248px !important; } .pl-sm-248 { padding-left: 248px !important; } .pt-sm-252 { padding-top: 252px !important; } .pr-sm-252 { padding-right: 252px !important; } .pb-sm-252 { padding-bottom: 252px !important; } .pl-sm-252 { padding-left: 252px !important; } .pt-sm-256 { padding-top: 256px !important; } .pr-sm-256 { padding-right: 256px !important; } .pb-sm-256 { padding-bottom: 256px !important; } .pl-sm-256 { padding-left: 256px !important; } } @media (min-width: 960px) { .m-md-0 { margin: 0px !important; } .m-md-4 { margin: 4px !important; } .m-md-8 { margin: 8px !important; } .m-md-12 { margin: 12px !important; } .m-md-16 { margin: 16px !important; } .m-md-20 { margin: 20px !important; } .m-md-24 { margin: 24px !important; } .m-md-28 { margin: 28px !important; } .m-md-32 { margin: 32px !important; } .m-md-36 { margin: 36px !important; } .m-md-40 { margin: 40px !important; } .m-md-44 { margin: 44px !important; } .m-md-48 { margin: 48px !important; } .m-md-52 { margin: 52px !important; } .m-md-56 { margin: 56px !important; } .m-md-60 { margin: 60px !important; } .m-md-64 { margin: 64px !important; } .m-md-68 { margin: 68px !important; } .m-md-72 { margin: 72px !important; } .m-md-76 { margin: 76px !important; } .m-md-80 { margin: 80px !important; } .m-md-84 { margin: 84px !important; } .m-md-88 { margin: 88px !important; } .m-md-92 { margin: 92px !important; } .m-md-96 { margin: 96px !important; } .m-md-100 { margin: 100px !important; } .m-md-104 { margin: 104px !important; } .m-md-108 { margin: 108px !important; } .m-md-112 { margin: 112px !important; } .m-md-116 { margin: 116px !important; } .m-md-120 { margin: 120px !important; } .m-md-124 { margin: 124px !important; } .m-md-128 { margin: 128px !important; } .m-md-132 { margin: 132px !important; } .m-md-136 { margin: 136px !important; } .m-md-140 { margin: 140px !important; } .m-md-144 { margin: 144px !important; } .m-md-148 { margin: 148px !important; } .m-md-152 { margin: 152px !important; } .m-md-156 { margin: 156px !important; } .m-md-160 { margin: 160px !important; } .m-md-164 { margin: 164px !important; } .m-md-168 { margin: 168px !important; } .m-md-172 { margin: 172px !important; } .m-md-176 { margin: 176px !important; } .m-md-180 { margin: 180px !important; } .m-md-184 { margin: 184px !important; } .m-md-188 { margin: 188px !important; } .m-md-192 { margin: 192px !important; } .m-md-196 { margin: 196px !important; } .m-md-200 { margin: 200px !important; } .m-md-204 { margin: 204px !important; } .m-md-208 { margin: 208px !important; } .m-md-212 { margin: 212px !important; } .m-md-216 { margin: 216px !important; } .m-md-220 { margin: 220px !important; } .m-md-224 { margin: 224px !important; } .m-md-228 { margin: 228px !important; } .m-md-232 { margin: 232px !important; } .m-md-236 { margin: 236px !important; } .m-md-240 { margin: 240px !important; } .m-md-244 { margin: 244px !important; } .m-md-248 { margin: 248px !important; } .m-md-252 { margin: 252px !important; } .m-md-256 { margin: 256px !important; } .mx-md-0 { margin-right: 0px !important; margin-left: 0px !important; } .my-md-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .mx-md-4 { margin-right: 4px !important; margin-left: 4px !important; } .my-md-4 { margin-top: 4px !important; margin-bottom: 4px !important; } .mx-md-8 { margin-right: 8px !important; margin-left: 8px !important; } .my-md-8 { margin-top: 8px !important; margin-bottom: 8px !important; } .mx-md-12 { margin-right: 12px !important; margin-left: 12px !important; } .my-md-12 { margin-top: 12px !important; margin-bottom: 12px !important; } .mx-md-16 { margin-right: 16px !important; margin-left: 16px !important; } .my-md-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .mx-md-20 { margin-right: 20px !important; margin-left: 20px !important; } .my-md-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .mx-md-24 { margin-right: 24px !important; margin-left: 24px !important; } .my-md-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .mx-md-28 { margin-right: 28px !important; margin-left: 28px !important; } .my-md-28 { margin-top: 28px !important; margin-bottom: 28px !important; } .mx-md-32 { margin-right: 32px !important; margin-left: 32px !important; } .my-md-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .mx-md-36 { margin-right: 36px !important; margin-left: 36px !important; } .my-md-36 { margin-top: 36px !important; margin-bottom: 36px !important; } .mx-md-40 { margin-right: 40px !important; margin-left: 40px !important; } .my-md-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .mx-md-44 { margin-right: 44px !important; margin-left: 44px !important; } .my-md-44 { margin-top: 44px !important; margin-bottom: 44px !important; } .mx-md-48 { margin-right: 48px !important; margin-left: 48px !important; } .my-md-48 { margin-top: 48px !important; margin-bottom: 48px !important; } .mx-md-52 { margin-right: 52px !important; margin-left: 52px !important; } .my-md-52 { margin-top: 52px !important; margin-bottom: 52px !important; } .mx-md-56 { margin-right: 56px !important; margin-left: 56px !important; } .my-md-56 { margin-top: 56px !important; margin-bottom: 56px !important; } .mx-md-60 { margin-right: 60px !important; margin-left: 60px !important; } .my-md-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .mx-md-64 { margin-right: 64px !important; margin-left: 64px !important; } .my-md-64 { margin-top: 64px !important; margin-bottom: 64px !important; } .mx-md-68 { margin-right: 68px !important; margin-left: 68px !important; } .my-md-68 { margin-top: 68px !important; margin-bottom: 68px !important; } .mx-md-72 { margin-right: 72px !important; margin-left: 72px !important; } .my-md-72 { margin-top: 72px !important; margin-bottom: 72px !important; } .mx-md-76 { margin-right: 76px !important; margin-left: 76px !important; } .my-md-76 { margin-top: 76px !important; margin-bottom: 76px !important; } .mx-md-80 { margin-right: 80px !important; margin-left: 80px !important; } .my-md-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .mx-md-84 { margin-right: 84px !important; margin-left: 84px !important; } .my-md-84 { margin-top: 84px !important; margin-bottom: 84px !important; } .mx-md-88 { margin-right: 88px !important; margin-left: 88px !important; } .my-md-88 { margin-top: 88px !important; margin-bottom: 88px !important; } .mx-md-92 { margin-right: 92px !important; margin-left: 92px !important; } .my-md-92 { margin-top: 92px !important; margin-bottom: 92px !important; } .mx-md-96 { margin-right: 96px !important; margin-left: 96px !important; } .my-md-96 { margin-top: 96px !important; margin-bottom: 96px !important; } .mx-md-100 { margin-right: 100px !important; margin-left: 100px !important; } .my-md-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .mx-md-104 { margin-right: 104px !important; margin-left: 104px !important; } .my-md-104 { margin-top: 104px !important; margin-bottom: 104px !important; } .mx-md-108 { margin-right: 108px !important; margin-left: 108px !important; } .my-md-108 { margin-top: 108px !important; margin-bottom: 108px !important; } .mx-md-112 { margin-right: 112px !important; margin-left: 112px !important; } .my-md-112 { margin-top: 112px !important; margin-bottom: 112px !important; } .mx-md-116 { margin-right: 116px !important; margin-left: 116px !important; } .my-md-116 { margin-top: 116px !important; margin-bottom: 116px !important; } .mx-md-120 { margin-right: 120px !important; margin-left: 120px !important; } .my-md-120 { margin-top: 120px !important; margin-bottom: 120px !important; } .mx-md-124 { margin-right: 124px !important; margin-left: 124px !important; } .my-md-124 { margin-top: 124px !important; margin-bottom: 124px !important; } .mx-md-128 { margin-right: 128px !important; margin-left: 128px !important; } .my-md-128 { margin-top: 128px !important; margin-bottom: 128px !important; } .mx-md-132 { margin-right: 132px !important; margin-left: 132px !important; } .my-md-132 { margin-top: 132px !important; margin-bottom: 132px !important; } .mx-md-136 { margin-right: 136px !important; margin-left: 136px !important; } .my-md-136 { margin-top: 136px !important; margin-bottom: 136px !important; } .mx-md-140 { margin-right: 140px !important; margin-left: 140px !important; } .my-md-140 { margin-top: 140px !important; margin-bottom: 140px !important; } .mx-md-144 { margin-right: 144px !important; margin-left: 144px !important; } .my-md-144 { margin-top: 144px !important; margin-bottom: 144px !important; } .mx-md-148 { margin-right: 148px !important; margin-left: 148px !important; } .my-md-148 { margin-top: 148px !important; margin-bottom: 148px !important; } .mx-md-152 { margin-right: 152px !important; margin-left: 152px !important; } .my-md-152 { margin-top: 152px !important; margin-bottom: 152px !important; } .mx-md-156 { margin-right: 156px !important; margin-left: 156px !important; } .my-md-156 { margin-top: 156px !important; margin-bottom: 156px !important; } .mx-md-160 { margin-right: 160px !important; margin-left: 160px !important; } .my-md-160 { margin-top: 160px !important; margin-bottom: 160px !important; } .mx-md-164 { margin-right: 164px !important; margin-left: 164px !important; } .my-md-164 { margin-top: 164px !important; margin-bottom: 164px !important; } .mx-md-168 { margin-right: 168px !important; margin-left: 168px !important; } .my-md-168 { margin-top: 168px !important; margin-bottom: 168px !important; } .mx-md-172 { margin-right: 172px !important; margin-left: 172px !important; } .my-md-172 { margin-top: 172px !important; margin-bottom: 172px !important; } .mx-md-176 { margin-right: 176px !important; margin-left: 176px !important; } .my-md-176 { margin-top: 176px !important; margin-bottom: 176px !important; } .mx-md-180 { margin-right: 180px !important; margin-left: 180px !important; } .my-md-180 { margin-top: 180px !important; margin-bottom: 180px !important; } .mx-md-184 { margin-right: 184px !important; margin-left: 184px !important; } .my-md-184 { margin-top: 184px !important; margin-bottom: 184px !important; } .mx-md-188 { margin-right: 188px !important; margin-left: 188px !important; } .my-md-188 { margin-top: 188px !important; margin-bottom: 188px !important; } .mx-md-192 { margin-right: 192px !important; margin-left: 192px !important; } .my-md-192 { margin-top: 192px !important; margin-bottom: 192px !important; } .mx-md-196 { margin-right: 196px !important; margin-left: 196px !important; } .my-md-196 { margin-top: 196px !important; margin-bottom: 196px !important; } .mx-md-200 { margin-right: 200px !important; margin-left: 200px !important; } .my-md-200 { margin-top: 200px !important; margin-bottom: 200px !important; } .mx-md-204 { margin-right: 204px !important; margin-left: 204px !important; } .my-md-204 { margin-top: 204px !important; margin-bottom: 204px !important; } .mx-md-208 { margin-right: 208px !important; margin-left: 208px !important; } .my-md-208 { margin-top: 208px !important; margin-bottom: 208px !important; } .mx-md-212 { margin-right: 212px !important; margin-left: 212px !important; } .my-md-212 { margin-top: 212px !important; margin-bottom: 212px !important; } .mx-md-216 { margin-right: 216px !important; margin-left: 216px !important; } .my-md-216 { margin-top: 216px !important; margin-bottom: 216px !important; } .mx-md-220 { margin-right: 220px !important; margin-left: 220px !important; } .my-md-220 { margin-top: 220px !important; margin-bottom: 220px !important; } .mx-md-224 { margin-right: 224px !important; margin-left: 224px !important; } .my-md-224 { margin-top: 224px !important; margin-bottom: 224px !important; } .mx-md-228 { margin-right: 228px !important; margin-left: 228px !important; } .my-md-228 { margin-top: 228px !important; margin-bottom: 228px !important; } .mx-md-232 { margin-right: 232px !important; margin-left: 232px !important; } .my-md-232 { margin-top: 232px !important; margin-bottom: 232px !important; } .mx-md-236 { margin-right: 236px !important; margin-left: 236px !important; } .my-md-236 { margin-top: 236px !important; margin-bottom: 236px !important; } .mx-md-240 { margin-right: 240px !important; margin-left: 240px !important; } .my-md-240 { margin-top: 240px !important; margin-bottom: 240px !important; } .mx-md-244 { margin-right: 244px !important; margin-left: 244px !important; } .my-md-244 { margin-top: 244px !important; margin-bottom: 244px !important; } .mx-md-248 { margin-right: 248px !important; margin-left: 248px !important; } .my-md-248 { margin-top: 248px !important; margin-bottom: 248px !important; } .mx-md-252 { margin-right: 252px !important; margin-left: 252px !important; } .my-md-252 { margin-top: 252px !important; margin-bottom: 252px !important; } .mx-md-256 { margin-right: 256px !important; margin-left: 256px !important; } .my-md-256 { margin-top: 256px !important; margin-bottom: 256px !important; } .mt-md-0 { margin-top: 0px !important; } .mr-md-0 { margin-right: 0px !important; } .mb-md-0 { margin-bottom: 0px !important; } .ml-md-0 { margin-left: 0px !important; } .mt-md-4 { margin-top: 4px !important; } .mr-md-4 { margin-right: 4px !important; } .mb-md-4 { margin-bottom: 4px !important; } .ml-md-4 { margin-left: 4px !important; } .mt-md-8 { margin-top: 8px !important; } .mr-md-8 { margin-right: 8px !important; } .mb-md-8 { margin-bottom: 8px !important; } .ml-md-8 { margin-left: 8px !important; } .mt-md-12 { margin-top: 12px !important; } .mr-md-12 { margin-right: 12px !important; } .mb-md-12 { margin-bottom: 12px !important; } .ml-md-12 { margin-left: 12px !important; } .mt-md-16 { margin-top: 16px !important; } .mr-md-16 { margin-right: 16px !important; } .mb-md-16 { margin-bottom: 16px !important; } .ml-md-16 { margin-left: 16px !important; } .mt-md-20 { margin-top: 20px !important; } .mr-md-20 { margin-right: 20px !important; } .mb-md-20 { margin-bottom: 20px !important; } .ml-md-20 { margin-left: 20px !important; } .mt-md-24 { margin-top: 24px !important; } .mr-md-24 { margin-right: 24px !important; } .mb-md-24 { margin-bottom: 24px !important; } .ml-md-24 { margin-left: 24px !important; } .mt-md-28 { margin-top: 28px !important; } .mr-md-28 { margin-right: 28px !important; } .mb-md-28 { margin-bottom: 28px !important; } .ml-md-28 { margin-left: 28px !important; } .mt-md-32 { margin-top: 32px !important; } .mr-md-32 { margin-right: 32px !important; } .mb-md-32 { margin-bottom: 32px !important; } .ml-md-32 { margin-left: 32px !important; } .mt-md-36 { margin-top: 36px !important; } .mr-md-36 { margin-right: 36px !important; } .mb-md-36 { margin-bottom: 36px !important; } .ml-md-36 { margin-left: 36px !important; } .mt-md-40 { margin-top: 40px !important; } .mr-md-40 { margin-right: 40px !important; } .mb-md-40 { margin-bottom: 40px !important; } .ml-md-40 { margin-left: 40px !important; } .mt-md-44 { margin-top: 44px !important; } .mr-md-44 { margin-right: 44px !important; } .mb-md-44 { margin-bottom: 44px !important; } .ml-md-44 { margin-left: 44px !important; } .mt-md-48 { margin-top: 48px !important; } .mr-md-48 { margin-right: 48px !important; } .mb-md-48 { margin-bottom: 48px !important; } .ml-md-48 { margin-left: 48px !important; } .mt-md-52 { margin-top: 52px !important; } .mr-md-52 { margin-right: 52px !important; } .mb-md-52 { margin-bottom: 52px !important; } .ml-md-52 { margin-left: 52px !important; } .mt-md-56 { margin-top: 56px !important; } .mr-md-56 { margin-right: 56px !important; } .mb-md-56 { margin-bottom: 56px !important; } .ml-md-56 { margin-left: 56px !important; } .mt-md-60 { margin-top: 60px !important; } .mr-md-60 { margin-right: 60px !important; } .mb-md-60 { margin-bottom: 60px !important; } .ml-md-60 { margin-left: 60px !important; } .mt-md-64 { margin-top: 64px !important; } .mr-md-64 { margin-right: 64px !important; } .mb-md-64 { margin-bottom: 64px !important; } .ml-md-64 { margin-left: 64px !important; } .mt-md-68 { margin-top: 68px !important; } .mr-md-68 { margin-right: 68px !important; } .mb-md-68 { margin-bottom: 68px !important; } .ml-md-68 { margin-left: 68px !important; } .mt-md-72 { margin-top: 72px !important; } .mr-md-72 { margin-right: 72px !important; } .mb-md-72 { margin-bottom: 72px !important; } .ml-md-72 { margin-left: 72px !important; } .mt-md-76 { margin-top: 76px !important; } .mr-md-76 { margin-right: 76px !important; } .mb-md-76 { margin-bottom: 76px !important; } .ml-md-76 { margin-left: 76px !important; } .mt-md-80 { margin-top: 80px !important; } .mr-md-80 { margin-right: 80px !important; } .mb-md-80 { margin-bottom: 80px !important; } .ml-md-80 { margin-left: 80px !important; } .mt-md-84 { margin-top: 84px !important; } .mr-md-84 { margin-right: 84px !important; } .mb-md-84 { margin-bottom: 84px !important; } .ml-md-84 { margin-left: 84px !important; } .mt-md-88 { margin-top: 88px !important; } .mr-md-88 { margin-right: 88px !important; } .mb-md-88 { margin-bottom: 88px !important; } .ml-md-88 { margin-left: 88px !important; } .mt-md-92 { margin-top: 92px !important; } .mr-md-92 { margin-right: 92px !important; } .mb-md-92 { margin-bottom: 92px !important; } .ml-md-92 { margin-left: 92px !important; } .mt-md-96 { margin-top: 96px !important; } .mr-md-96 { margin-right: 96px !important; } .mb-md-96 { margin-bottom: 96px !important; } .ml-md-96 { margin-left: 96px !important; } .mt-md-100 { margin-top: 100px !important; } .mr-md-100 { margin-right: 100px !important; } .mb-md-100 { margin-bottom: 100px !important; } .ml-md-100 { margin-left: 100px !important; } .mt-md-104 { margin-top: 104px !important; } .mr-md-104 { margin-right: 104px !important; } .mb-md-104 { margin-bottom: 104px !important; } .ml-md-104 { margin-left: 104px !important; } .mt-md-108 { margin-top: 108px !important; } .mr-md-108 { margin-right: 108px !important; } .mb-md-108 { margin-bottom: 108px !important; } .ml-md-108 { margin-left: 108px !important; } .mt-md-112 { margin-top: 112px !important; } .mr-md-112 { margin-right: 112px !important; } .mb-md-112 { margin-bottom: 112px !important; } .ml-md-112 { margin-left: 112px !important; } .mt-md-116 { margin-top: 116px !important; } .mr-md-116 { margin-right: 116px !important; } .mb-md-116 { margin-bottom: 116px !important; } .ml-md-116 { margin-left: 116px !important; } .mt-md-120 { margin-top: 120px !important; } .mr-md-120 { margin-right: 120px !important; } .mb-md-120 { margin-bottom: 120px !important; } .ml-md-120 { margin-left: 120px !important; } .mt-md-124 { margin-top: 124px !important; } .mr-md-124 { margin-right: 124px !important; } .mb-md-124 { margin-bottom: 124px !important; } .ml-md-124 { margin-left: 124px !important; } .mt-md-128 { margin-top: 128px !important; } .mr-md-128 { margin-right: 128px !important; } .mb-md-128 { margin-bottom: 128px !important; } .ml-md-128 { margin-left: 128px !important; } .mt-md-132 { margin-top: 132px !important; } .mr-md-132 { margin-right: 132px !important; } .mb-md-132 { margin-bottom: 132px !important; } .ml-md-132 { margin-left: 132px !important; } .mt-md-136 { margin-top: 136px !important; } .mr-md-136 { margin-right: 136px !important; } .mb-md-136 { margin-bottom: 136px !important; } .ml-md-136 { margin-left: 136px !important; } .mt-md-140 { margin-top: 140px !important; } .mr-md-140 { margin-right: 140px !important; } .mb-md-140 { margin-bottom: 140px !important; } .ml-md-140 { margin-left: 140px !important; } .mt-md-144 { margin-top: 144px !important; } .mr-md-144 { margin-right: 144px !important; } .mb-md-144 { margin-bottom: 144px !important; } .ml-md-144 { margin-left: 144px !important; } .mt-md-148 { margin-top: 148px !important; } .mr-md-148 { margin-right: 148px !important; } .mb-md-148 { margin-bottom: 148px !important; } .ml-md-148 { margin-left: 148px !important; } .mt-md-152 { margin-top: 152px !important; } .mr-md-152 { margin-right: 152px !important; } .mb-md-152 { margin-bottom: 152px !important; } .ml-md-152 { margin-left: 152px !important; } .mt-md-156 { margin-top: 156px !important; } .mr-md-156 { margin-right: 156px !important; } .mb-md-156 { margin-bottom: 156px !important; } .ml-md-156 { margin-left: 156px !important; } .mt-md-160 { margin-top: 160px !important; } .mr-md-160 { margin-right: 160px !important; } .mb-md-160 { margin-bottom: 160px !important; } .ml-md-160 { margin-left: 160px !important; } .mt-md-164 { margin-top: 164px !important; } .mr-md-164 { margin-right: 164px !important; } .mb-md-164 { margin-bottom: 164px !important; } .ml-md-164 { margin-left: 164px !important; } .mt-md-168 { margin-top: 168px !important; } .mr-md-168 { margin-right: 168px !important; } .mb-md-168 { margin-bottom: 168px !important; } .ml-md-168 { margin-left: 168px !important; } .mt-md-172 { margin-top: 172px !important; } .mr-md-172 { margin-right: 172px !important; } .mb-md-172 { margin-bottom: 172px !important; } .ml-md-172 { margin-left: 172px !important; } .mt-md-176 { margin-top: 176px !important; } .mr-md-176 { margin-right: 176px !important; } .mb-md-176 { margin-bottom: 176px !important; } .ml-md-176 { margin-left: 176px !important; } .mt-md-180 { margin-top: 180px !important; } .mr-md-180 { margin-right: 180px !important; } .mb-md-180 { margin-bottom: 180px !important; } .ml-md-180 { margin-left: 180px !important; } .mt-md-184 { margin-top: 184px !important; } .mr-md-184 { margin-right: 184px !important; } .mb-md-184 { margin-bottom: 184px !important; } .ml-md-184 { margin-left: 184px !important; } .mt-md-188 { margin-top: 188px !important; } .mr-md-188 { margin-right: 188px !important; } .mb-md-188 { margin-bottom: 188px !important; } .ml-md-188 { margin-left: 188px !important; } .mt-md-192 { margin-top: 192px !important; } .mr-md-192 { margin-right: 192px !important; } .mb-md-192 { margin-bottom: 192px !important; } .ml-md-192 { margin-left: 192px !important; } .mt-md-196 { margin-top: 196px !important; } .mr-md-196 { margin-right: 196px !important; } .mb-md-196 { margin-bottom: 196px !important; } .ml-md-196 { margin-left: 196px !important; } .mt-md-200 { margin-top: 200px !important; } .mr-md-200 { margin-right: 200px !important; } .mb-md-200 { margin-bottom: 200px !important; } .ml-md-200 { margin-left: 200px !important; } .mt-md-204 { margin-top: 204px !important; } .mr-md-204 { margin-right: 204px !important; } .mb-md-204 { margin-bottom: 204px !important; } .ml-md-204 { margin-left: 204px !important; } .mt-md-208 { margin-top: 208px !important; } .mr-md-208 { margin-right: 208px !important; } .mb-md-208 { margin-bottom: 208px !important; } .ml-md-208 { margin-left: 208px !important; } .mt-md-212 { margin-top: 212px !important; } .mr-md-212 { margin-right: 212px !important; } .mb-md-212 { margin-bottom: 212px !important; } .ml-md-212 { margin-left: 212px !important; } .mt-md-216 { margin-top: 216px !important; } .mr-md-216 { margin-right: 216px !important; } .mb-md-216 { margin-bottom: 216px !important; } .ml-md-216 { margin-left: 216px !important; } .mt-md-220 { margin-top: 220px !important; } .mr-md-220 { margin-right: 220px !important; } .mb-md-220 { margin-bottom: 220px !important; } .ml-md-220 { margin-left: 220px !important; } .mt-md-224 { margin-top: 224px !important; } .mr-md-224 { margin-right: 224px !important; } .mb-md-224 { margin-bottom: 224px !important; } .ml-md-224 { margin-left: 224px !important; } .mt-md-228 { margin-top: 228px !important; } .mr-md-228 { margin-right: 228px !important; } .mb-md-228 { margin-bottom: 228px !important; } .ml-md-228 { margin-left: 228px !important; } .mt-md-232 { margin-top: 232px !important; } .mr-md-232 { margin-right: 232px !important; } .mb-md-232 { margin-bottom: 232px !important; } .ml-md-232 { margin-left: 232px !important; } .mt-md-236 { margin-top: 236px !important; } .mr-md-236 { margin-right: 236px !important; } .mb-md-236 { margin-bottom: 236px !important; } .ml-md-236 { margin-left: 236px !important; } .mt-md-240 { margin-top: 240px !important; } .mr-md-240 { margin-right: 240px !important; } .mb-md-240 { margin-bottom: 240px !important; } .ml-md-240 { margin-left: 240px !important; } .mt-md-244 { margin-top: 244px !important; } .mr-md-244 { margin-right: 244px !important; } .mb-md-244 { margin-bottom: 244px !important; } .ml-md-244 { margin-left: 244px !important; } .mt-md-248 { margin-top: 248px !important; } .mr-md-248 { margin-right: 248px !important; } .mb-md-248 { margin-bottom: 248px !important; } .ml-md-248 { margin-left: 248px !important; } .mt-md-252 { margin-top: 252px !important; } .mr-md-252 { margin-right: 252px !important; } .mb-md-252 { margin-bottom: 252px !important; } .ml-md-252 { margin-left: 252px !important; } .mt-md-256 { margin-top: 256px !important; } .mr-md-256 { margin-right: 256px !important; } .mb-md-256 { margin-bottom: 256px !important; } .ml-md-256 { margin-left: 256px !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .p-md-0 { padding: 0px !important; } .p-md-4 { padding: 4px !important; } .p-md-8 { padding: 8px !important; } .p-md-12 { padding: 12px !important; } .p-md-16 { padding: 16px !important; } .p-md-20 { padding: 20px !important; } .p-md-24 { padding: 24px !important; } .p-md-28 { padding: 28px !important; } .p-md-32 { padding: 32px !important; } .p-md-36 { padding: 36px !important; } .p-md-40 { padding: 40px !important; } .p-md-44 { padding: 44px !important; } .p-md-48 { padding: 48px !important; } .p-md-52 { padding: 52px !important; } .p-md-56 { padding: 56px !important; } .p-md-60 { padding: 60px !important; } .p-md-64 { padding: 64px !important; } .p-md-68 { padding: 68px !important; } .p-md-72 { padding: 72px !important; } .p-md-76 { padding: 76px !important; } .p-md-80 { padding: 80px !important; } .p-md-84 { padding: 84px !important; } .p-md-88 { padding: 88px !important; } .p-md-92 { padding: 92px !important; } .p-md-96 { padding: 96px !important; } .p-md-100 { padding: 100px !important; } .p-md-104 { padding: 104px !important; } .p-md-108 { padding: 108px !important; } .p-md-112 { padding: 112px !important; } .p-md-116 { padding: 116px !important; } .p-md-120 { padding: 120px !important; } .p-md-124 { padding: 124px !important; } .p-md-128 { padding: 128px !important; } .p-md-132 { padding: 132px !important; } .p-md-136 { padding: 136px !important; } .p-md-140 { padding: 140px !important; } .p-md-144 { padding: 144px !important; } .p-md-148 { padding: 148px !important; } .p-md-152 { padding: 152px !important; } .p-md-156 { padding: 156px !important; } .p-md-160 { padding: 160px !important; } .p-md-164 { padding: 164px !important; } .p-md-168 { padding: 168px !important; } .p-md-172 { padding: 172px !important; } .p-md-176 { padding: 176px !important; } .p-md-180 { padding: 180px !important; } .p-md-184 { padding: 184px !important; } .p-md-188 { padding: 188px !important; } .p-md-192 { padding: 192px !important; } .p-md-196 { padding: 196px !important; } .p-md-200 { padding: 200px !important; } .p-md-204 { padding: 204px !important; } .p-md-208 { padding: 208px !important; } .p-md-212 { padding: 212px !important; } .p-md-216 { padding: 216px !important; } .p-md-220 { padding: 220px !important; } .p-md-224 { padding: 224px !important; } .p-md-228 { padding: 228px !important; } .p-md-232 { padding: 232px !important; } .p-md-236 { padding: 236px !important; } .p-md-240 { padding: 240px !important; } .p-md-244 { padding: 244px !important; } .p-md-248 { padding: 248px !important; } .p-md-252 { padding: 252px !important; } .p-md-256 { padding: 256px !important; } .px-md-0 { padding-right: 0px !important; padding-left: 0px !important; } .py-md-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .px-md-4 { padding-right: 4px !important; padding-left: 4px !important; } .py-md-4 { padding-top: 4px !important; padding-bottom: 4px !important; } .px-md-8 { padding-right: 8px !important; padding-left: 8px !important; } .py-md-8 { padding-top: 8px !important; padding-bottom: 8px !important; } .px-md-12 { padding-right: 12px !important; padding-left: 12px !important; } .py-md-12 { padding-top: 12px !important; padding-bottom: 12px !important; } .px-md-16 { padding-right: 16px !important; padding-left: 16px !important; } .py-md-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .px-md-20 { padding-right: 20px !important; padding-left: 20px !important; } .py-md-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .px-md-24 { padding-right: 24px !important; padding-left: 24px !important; } .py-md-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .px-md-28 { padding-right: 28px !important; padding-left: 28px !important; } .py-md-28 { padding-top: 28px !important; padding-bottom: 28px !important; } .px-md-32 { padding-right: 32px !important; padding-left: 32px !important; } .py-md-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .px-md-36 { padding-right: 36px !important; padding-left: 36px !important; } .py-md-36 { padding-top: 36px !important; padding-bottom: 36px !important; } .px-md-40 { padding-right: 40px !important; padding-left: 40px !important; } .py-md-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .px-md-44 { padding-right: 44px !important; padding-left: 44px !important; } .py-md-44 { padding-top: 44px !important; padding-bottom: 44px !important; } .px-md-48 { padding-right: 48px !important; padding-left: 48px !important; } .py-md-48 { padding-top: 48px !important; padding-bottom: 48px !important; } .px-md-52 { padding-right: 52px !important; padding-left: 52px !important; } .py-md-52 { padding-top: 52px !important; padding-bottom: 52px !important; } .px-md-56 { padding-right: 56px !important; padding-left: 56px !important; } .py-md-56 { padding-top: 56px !important; padding-bottom: 56px !important; } .px-md-60 { padding-right: 60px !important; padding-left: 60px !important; } .py-md-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .px-md-64 { padding-right: 64px !important; padding-left: 64px !important; } .py-md-64 { padding-top: 64px !important; padding-bottom: 64px !important; } .px-md-68 { padding-right: 68px !important; padding-left: 68px !important; } .py-md-68 { padding-top: 68px !important; padding-bottom: 68px !important; } .px-md-72 { padding-right: 72px !important; padding-left: 72px !important; } .py-md-72 { padding-top: 72px !important; padding-bottom: 72px !important; } .px-md-76 { padding-right: 76px !important; padding-left: 76px !important; } .py-md-76 { padding-top: 76px !important; padding-bottom: 76px !important; } .px-md-80 { padding-right: 80px !important; padding-left: 80px !important; } .py-md-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .px-md-84 { padding-right: 84px !important; padding-left: 84px !important; } .py-md-84 { padding-top: 84px !important; padding-bottom: 84px !important; } .px-md-88 { padding-right: 88px !important; padding-left: 88px !important; } .py-md-88 { padding-top: 88px !important; padding-bottom: 88px !important; } .px-md-92 { padding-right: 92px !important; padding-left: 92px !important; } .py-md-92 { padding-top: 92px !important; padding-bottom: 92px !important; } .px-md-96 { padding-right: 96px !important; padding-left: 96px !important; } .py-md-96 { padding-top: 96px !important; padding-bottom: 96px !important; } .px-md-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-md-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .px-md-104 { padding-right: 104px !important; padding-left: 104px !important; } .py-md-104 { padding-top: 104px !important; padding-bottom: 104px !important; } .px-md-108 { padding-right: 108px !important; padding-left: 108px !important; } .py-md-108 { padding-top: 108px !important; padding-bottom: 108px !important; } .px-md-112 { padding-right: 112px !important; padding-left: 112px !important; } .py-md-112 { padding-top: 112px !important; padding-bottom: 112px !important; } .px-md-116 { padding-right: 116px !important; padding-left: 116px !important; } .py-md-116 { padding-top: 116px !important; padding-bottom: 116px !important; } .px-md-120 { padding-right: 120px !important; padding-left: 120px !important; } .py-md-120 { padding-top: 120px !important; padding-bottom: 120px !important; } .px-md-124 { padding-right: 124px !important; padding-left: 124px !important; } .py-md-124 { padding-top: 124px !important; padding-bottom: 124px !important; } .px-md-128 { padding-right: 128px !important; padding-left: 128px !important; } .py-md-128 { padding-top: 128px !important; padding-bottom: 128px !important; } .px-md-132 { padding-right: 132px !important; padding-left: 132px !important; } .py-md-132 { padding-top: 132px !important; padding-bottom: 132px !important; } .px-md-136 { padding-right: 136px !important; padding-left: 136px !important; } .py-md-136 { padding-top: 136px !important; padding-bottom: 136px !important; } .px-md-140 { padding-right: 140px !important; padding-left: 140px !important; } .py-md-140 { padding-top: 140px !important; padding-bottom: 140px !important; } .px-md-144 { padding-right: 144px !important; padding-left: 144px !important; } .py-md-144 { padding-top: 144px !important; padding-bottom: 144px !important; } .px-md-148 { padding-right: 148px !important; padding-left: 148px !important; } .py-md-148 { padding-top: 148px !important; padding-bottom: 148px !important; } .px-md-152 { padding-right: 152px !important; padding-left: 152px !important; } .py-md-152 { padding-top: 152px !important; padding-bottom: 152px !important; } .px-md-156 { padding-right: 156px !important; padding-left: 156px !important; } .py-md-156 { padding-top: 156px !important; padding-bottom: 156px !important; } .px-md-160 { padding-right: 160px !important; padding-left: 160px !important; } .py-md-160 { padding-top: 160px !important; padding-bottom: 160px !important; } .px-md-164 { padding-right: 164px !important; padding-left: 164px !important; } .py-md-164 { padding-top: 164px !important; padding-bottom: 164px !important; } .px-md-168 { padding-right: 168px !important; padding-left: 168px !important; } .py-md-168 { padding-top: 168px !important; padding-bottom: 168px !important; } .px-md-172 { padding-right: 172px !important; padding-left: 172px !important; } .py-md-172 { padding-top: 172px !important; padding-bottom: 172px !important; } .px-md-176 { padding-right: 176px !important; padding-left: 176px !important; } .py-md-176 { padding-top: 176px !important; padding-bottom: 176px !important; } .px-md-180 { padding-right: 180px !important; padding-left: 180px !important; } .py-md-180 { padding-top: 180px !important; padding-bottom: 180px !important; } .px-md-184 { padding-right: 184px !important; padding-left: 184px !important; } .py-md-184 { padding-top: 184px !important; padding-bottom: 184px !important; } .px-md-188 { padding-right: 188px !important; padding-left: 188px !important; } .py-md-188 { padding-top: 188px !important; padding-bottom: 188px !important; } .px-md-192 { padding-right: 192px !important; padding-left: 192px !important; } .py-md-192 { padding-top: 192px !important; padding-bottom: 192px !important; } .px-md-196 { padding-right: 196px !important; padding-left: 196px !important; } .py-md-196 { padding-top: 196px !important; padding-bottom: 196px !important; } .px-md-200 { padding-right: 200px !important; padding-left: 200px !important; } .py-md-200 { padding-top: 200px !important; padding-bottom: 200px !important; } .px-md-204 { padding-right: 204px !important; padding-left: 204px !important; } .py-md-204 { padding-top: 204px !important; padding-bottom: 204px !important; } .px-md-208 { padding-right: 208px !important; padding-left: 208px !important; } .py-md-208 { padding-top: 208px !important; padding-bottom: 208px !important; } .px-md-212 { padding-right: 212px !important; padding-left: 212px !important; } .py-md-212 { padding-top: 212px !important; padding-bottom: 212px !important; } .px-md-216 { padding-right: 216px !important; padding-left: 216px !important; } .py-md-216 { padding-top: 216px !important; padding-bottom: 216px !important; } .px-md-220 { padding-right: 220px !important; padding-left: 220px !important; } .py-md-220 { padding-top: 220px !important; padding-bottom: 220px !important; } .px-md-224 { padding-right: 224px !important; padding-left: 224px !important; } .py-md-224 { padding-top: 224px !important; padding-bottom: 224px !important; } .px-md-228 { padding-right: 228px !important; padding-left: 228px !important; } .py-md-228 { padding-top: 228px !important; padding-bottom: 228px !important; } .px-md-232 { padding-right: 232px !important; padding-left: 232px !important; } .py-md-232 { padding-top: 232px !important; padding-bottom: 232px !important; } .px-md-236 { padding-right: 236px !important; padding-left: 236px !important; } .py-md-236 { padding-top: 236px !important; padding-bottom: 236px !important; } .px-md-240 { padding-right: 240px !important; padding-left: 240px !important; } .py-md-240 { padding-top: 240px !important; padding-bottom: 240px !important; } .px-md-244 { padding-right: 244px !important; padding-left: 244px !important; } .py-md-244 { padding-top: 244px !important; padding-bottom: 244px !important; } .px-md-248 { padding-right: 248px !important; padding-left: 248px !important; } .py-md-248 { padding-top: 248px !important; padding-bottom: 248px !important; } .px-md-252 { padding-right: 252px !important; padding-left: 252px !important; } .py-md-252 { padding-top: 252px !important; padding-bottom: 252px !important; } .px-md-256 { padding-right: 256px !important; padding-left: 256px !important; } .py-md-256 { padding-top: 256px !important; padding-bottom: 256px !important; } .pt-md-0 { padding-top: 0px !important; } .pr-md-0 { padding-right: 0px !important; } .pb-md-0 { padding-bottom: 0px !important; } .pl-md-0 { padding-left: 0px !important; } .pt-md-4 { padding-top: 4px !important; } .pr-md-4 { padding-right: 4px !important; } .pb-md-4 { padding-bottom: 4px !important; } .pl-md-4 { padding-left: 4px !important; } .pt-md-8 { padding-top: 8px !important; } .pr-md-8 { padding-right: 8px !important; } .pb-md-8 { padding-bottom: 8px !important; } .pl-md-8 { padding-left: 8px !important; } .pt-md-12 { padding-top: 12px !important; } .pr-md-12 { padding-right: 12px !important; } .pb-md-12 { padding-bottom: 12px !important; } .pl-md-12 { padding-left: 12px !important; } .pt-md-16 { padding-top: 16px !important; } .pr-md-16 { padding-right: 16px !important; } .pb-md-16 { padding-bottom: 16px !important; } .pl-md-16 { padding-left: 16px !important; } .pt-md-20 { padding-top: 20px !important; } .pr-md-20 { padding-right: 20px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pl-md-20 { padding-left: 20px !important; } .pt-md-24 { padding-top: 24px !important; } .pr-md-24 { padding-right: 24px !important; } .pb-md-24 { padding-bottom: 24px !important; } .pl-md-24 { padding-left: 24px !important; } .pt-md-28 { padding-top: 28px !important; } .pr-md-28 { padding-right: 28px !important; } .pb-md-28 { padding-bottom: 28px !important; } .pl-md-28 { padding-left: 28px !important; } .pt-md-32 { padding-top: 32px !important; } .pr-md-32 { padding-right: 32px !important; } .pb-md-32 { padding-bottom: 32px !important; } .pl-md-32 { padding-left: 32px !important; } .pt-md-36 { padding-top: 36px !important; } .pr-md-36 { padding-right: 36px !important; } .pb-md-36 { padding-bottom: 36px !important; } .pl-md-36 { padding-left: 36px !important; } .pt-md-40 { padding-top: 40px !important; } .pr-md-40 { padding-right: 40px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pl-md-40 { padding-left: 40px !important; } .pt-md-44 { padding-top: 44px !important; } .pr-md-44 { padding-right: 44px !important; } .pb-md-44 { padding-bottom: 44px !important; } .pl-md-44 { padding-left: 44px !important; } .pt-md-48 { padding-top: 48px !important; } .pr-md-48 { padding-right: 48px !important; } .pb-md-48 { padding-bottom: 48px !important; } .pl-md-48 { padding-left: 48px !important; } .pt-md-52 { padding-top: 52px !important; } .pr-md-52 { padding-right: 52px !important; } .pb-md-52 { padding-bottom: 52px !important; } .pl-md-52 { padding-left: 52px !important; } .pt-md-56 { padding-top: 56px !important; } .pr-md-56 { padding-right: 56px !important; } .pb-md-56 { padding-bottom: 56px !important; } .pl-md-56 { padding-left: 56px !important; } .pt-md-60 { padding-top: 60px !important; } .pr-md-60 { padding-right: 60px !important; } .pb-md-60 { padding-bottom: 60px !important; } .pl-md-60 { padding-left: 60px !important; } .pt-md-64 { padding-top: 64px !important; } .pr-md-64 { padding-right: 64px !important; } .pb-md-64 { padding-bottom: 64px !important; } .pl-md-64 { padding-left: 64px !important; } .pt-md-68 { padding-top: 68px !important; } .pr-md-68 { padding-right: 68px !important; } .pb-md-68 { padding-bottom: 68px !important; } .pl-md-68 { padding-left: 68px !important; } .pt-md-72 { padding-top: 72px !important; } .pr-md-72 { padding-right: 72px !important; } .pb-md-72 { padding-bottom: 72px !important; } .pl-md-72 { padding-left: 72px !important; } .pt-md-76 { padding-top: 76px !important; } .pr-md-76 { padding-right: 76px !important; } .pb-md-76 { padding-bottom: 76px !important; } .pl-md-76 { padding-left: 76px !important; } .pt-md-80 { padding-top: 80px !important; } .pr-md-80 { padding-right: 80px !important; } .pb-md-80 { padding-bottom: 80px !important; } .pl-md-80 { padding-left: 80px !important; } .pt-md-84 { padding-top: 84px !important; } .pr-md-84 { padding-right: 84px !important; } .pb-md-84 { padding-bottom: 84px !important; } .pl-md-84 { padding-left: 84px !important; } .pt-md-88 { padding-top: 88px !important; } .pr-md-88 { padding-right: 88px !important; } .pb-md-88 { padding-bottom: 88px !important; } .pl-md-88 { padding-left: 88px !important; } .pt-md-92 { padding-top: 92px !important; } .pr-md-92 { padding-right: 92px !important; } .pb-md-92 { padding-bottom: 92px !important; } .pl-md-92 { padding-left: 92px !important; } .pt-md-96 { padding-top: 96px !important; } .pr-md-96 { padding-right: 96px !important; } .pb-md-96 { padding-bottom: 96px !important; } .pl-md-96 { padding-left: 96px !important; } .pt-md-100 { padding-top: 100px !important; } .pr-md-100 { padding-right: 100px !important; } .pb-md-100 { padding-bottom: 100px !important; } .pl-md-100 { padding-left: 100px !important; } .pt-md-104 { padding-top: 104px !important; } .pr-md-104 { padding-right: 104px !important; } .pb-md-104 { padding-bottom: 104px !important; } .pl-md-104 { padding-left: 104px !important; } .pt-md-108 { padding-top: 108px !important; } .pr-md-108 { padding-right: 108px !important; } .pb-md-108 { padding-bottom: 108px !important; } .pl-md-108 { padding-left: 108px !important; } .pt-md-112 { padding-top: 112px !important; } .pr-md-112 { padding-right: 112px !important; } .pb-md-112 { padding-bottom: 112px !important; } .pl-md-112 { padding-left: 112px !important; } .pt-md-116 { padding-top: 116px !important; } .pr-md-116 { padding-right: 116px !important; } .pb-md-116 { padding-bottom: 116px !important; } .pl-md-116 { padding-left: 116px !important; } .pt-md-120 { padding-top: 120px !important; } .pr-md-120 { padding-right: 120px !important; } .pb-md-120 { padding-bottom: 120px !important; } .pl-md-120 { padding-left: 120px !important; } .pt-md-124 { padding-top: 124px !important; } .pr-md-124 { padding-right: 124px !important; } .pb-md-124 { padding-bottom: 124px !important; } .pl-md-124 { padding-left: 124px !important; } .pt-md-128 { padding-top: 128px !important; } .pr-md-128 { padding-right: 128px !important; } .pb-md-128 { padding-bottom: 128px !important; } .pl-md-128 { padding-left: 128px !important; } .pt-md-132 { padding-top: 132px !important; } .pr-md-132 { padding-right: 132px !important; } .pb-md-132 { padding-bottom: 132px !important; } .pl-md-132 { padding-left: 132px !important; } .pt-md-136 { padding-top: 136px !important; } .pr-md-136 { padding-right: 136px !important; } .pb-md-136 { padding-bottom: 136px !important; } .pl-md-136 { padding-left: 136px !important; } .pt-md-140 { padding-top: 140px !important; } .pr-md-140 { padding-right: 140px !important; } .pb-md-140 { padding-bottom: 140px !important; } .pl-md-140 { padding-left: 140px !important; } .pt-md-144 { padding-top: 144px !important; } .pr-md-144 { padding-right: 144px !important; } .pb-md-144 { padding-bottom: 144px !important; } .pl-md-144 { padding-left: 144px !important; } .pt-md-148 { padding-top: 148px !important; } .pr-md-148 { padding-right: 148px !important; } .pb-md-148 { padding-bottom: 148px !important; } .pl-md-148 { padding-left: 148px !important; } .pt-md-152 { padding-top: 152px !important; } .pr-md-152 { padding-right: 152px !important; } .pb-md-152 { padding-bottom: 152px !important; } .pl-md-152 { padding-left: 152px !important; } .pt-md-156 { padding-top: 156px !important; } .pr-md-156 { padding-right: 156px !important; } .pb-md-156 { padding-bottom: 156px !important; } .pl-md-156 { padding-left: 156px !important; } .pt-md-160 { padding-top: 160px !important; } .pr-md-160 { padding-right: 160px !important; } .pb-md-160 { padding-bottom: 160px !important; } .pl-md-160 { padding-left: 160px !important; } .pt-md-164 { padding-top: 164px !important; } .pr-md-164 { padding-right: 164px !important; } .pb-md-164 { padding-bottom: 164px !important; } .pl-md-164 { padding-left: 164px !important; } .pt-md-168 { padding-top: 168px !important; } .pr-md-168 { padding-right: 168px !important; } .pb-md-168 { padding-bottom: 168px !important; } .pl-md-168 { padding-left: 168px !important; } .pt-md-172 { padding-top: 172px !important; } .pr-md-172 { padding-right: 172px !important; } .pb-md-172 { padding-bottom: 172px !important; } .pl-md-172 { padding-left: 172px !important; } .pt-md-176 { padding-top: 176px !important; } .pr-md-176 { padding-right: 176px !important; } .pb-md-176 { padding-bottom: 176px !important; } .pl-md-176 { padding-left: 176px !important; } .pt-md-180 { padding-top: 180px !important; } .pr-md-180 { padding-right: 180px !important; } .pb-md-180 { padding-bottom: 180px !important; } .pl-md-180 { padding-left: 180px !important; } .pt-md-184 { padding-top: 184px !important; } .pr-md-184 { padding-right: 184px !important; } .pb-md-184 { padding-bottom: 184px !important; } .pl-md-184 { padding-left: 184px !important; } .pt-md-188 { padding-top: 188px !important; } .pr-md-188 { padding-right: 188px !important; } .pb-md-188 { padding-bottom: 188px !important; } .pl-md-188 { padding-left: 188px !important; } .pt-md-192 { padding-top: 192px !important; } .pr-md-192 { padding-right: 192px !important; } .pb-md-192 { padding-bottom: 192px !important; } .pl-md-192 { padding-left: 192px !important; } .pt-md-196 { padding-top: 196px !important; } .pr-md-196 { padding-right: 196px !important; } .pb-md-196 { padding-bottom: 196px !important; } .pl-md-196 { padding-left: 196px !important; } .pt-md-200 { padding-top: 200px !important; } .pr-md-200 { padding-right: 200px !important; } .pb-md-200 { padding-bottom: 200px !important; } .pl-md-200 { padding-left: 200px !important; } .pt-md-204 { padding-top: 204px !important; } .pr-md-204 { padding-right: 204px !important; } .pb-md-204 { padding-bottom: 204px !important; } .pl-md-204 { padding-left: 204px !important; } .pt-md-208 { padding-top: 208px !important; } .pr-md-208 { padding-right: 208px !important; } .pb-md-208 { padding-bottom: 208px !important; } .pl-md-208 { padding-left: 208px !important; } .pt-md-212 { padding-top: 212px !important; } .pr-md-212 { padding-right: 212px !important; } .pb-md-212 { padding-bottom: 212px !important; } .pl-md-212 { padding-left: 212px !important; } .pt-md-216 { padding-top: 216px !important; } .pr-md-216 { padding-right: 216px !important; } .pb-md-216 { padding-bottom: 216px !important; } .pl-md-216 { padding-left: 216px !important; } .pt-md-220 { padding-top: 220px !important; } .pr-md-220 { padding-right: 220px !important; } .pb-md-220 { padding-bottom: 220px !important; } .pl-md-220 { padding-left: 220px !important; } .pt-md-224 { padding-top: 224px !important; } .pr-md-224 { padding-right: 224px !important; } .pb-md-224 { padding-bottom: 224px !important; } .pl-md-224 { padding-left: 224px !important; } .pt-md-228 { padding-top: 228px !important; } .pr-md-228 { padding-right: 228px !important; } .pb-md-228 { padding-bottom: 228px !important; } .pl-md-228 { padding-left: 228px !important; } .pt-md-232 { padding-top: 232px !important; } .pr-md-232 { padding-right: 232px !important; } .pb-md-232 { padding-bottom: 232px !important; } .pl-md-232 { padding-left: 232px !important; } .pt-md-236 { padding-top: 236px !important; } .pr-md-236 { padding-right: 236px !important; } .pb-md-236 { padding-bottom: 236px !important; } .pl-md-236 { padding-left: 236px !important; } .pt-md-240 { padding-top: 240px !important; } .pr-md-240 { padding-right: 240px !important; } .pb-md-240 { padding-bottom: 240px !important; } .pl-md-240 { padding-left: 240px !important; } .pt-md-244 { padding-top: 244px !important; } .pr-md-244 { padding-right: 244px !important; } .pb-md-244 { padding-bottom: 244px !important; } .pl-md-244 { padding-left: 244px !important; } .pt-md-248 { padding-top: 248px !important; } .pr-md-248 { padding-right: 248px !important; } .pb-md-248 { padding-bottom: 248px !important; } .pl-md-248 { padding-left: 248px !important; } .pt-md-252 { padding-top: 252px !important; } .pr-md-252 { padding-right: 252px !important; } .pb-md-252 { padding-bottom: 252px !important; } .pl-md-252 { padding-left: 252px !important; } .pt-md-256 { padding-top: 256px !important; } .pr-md-256 { padding-right: 256px !important; } .pb-md-256 { padding-bottom: 256px !important; } .pl-md-256 { padding-left: 256px !important; } } @media (min-width: 1280px) { .m-lg-0 { margin: 0px !important; } .m-lg-4 { margin: 4px !important; } .m-lg-8 { margin: 8px !important; } .m-lg-12 { margin: 12px !important; } .m-lg-16 { margin: 16px !important; } .m-lg-20 { margin: 20px !important; } .m-lg-24 { margin: 24px !important; } .m-lg-28 { margin: 28px !important; } .m-lg-32 { margin: 32px !important; } .m-lg-36 { margin: 36px !important; } .m-lg-40 { margin: 40px !important; } .m-lg-44 { margin: 44px !important; } .m-lg-48 { margin: 48px !important; } .m-lg-52 { margin: 52px !important; } .m-lg-56 { margin: 56px !important; } .m-lg-60 { margin: 60px !important; } .m-lg-64 { margin: 64px !important; } .m-lg-68 { margin: 68px !important; } .m-lg-72 { margin: 72px !important; } .m-lg-76 { margin: 76px !important; } .m-lg-80 { margin: 80px !important; } .m-lg-84 { margin: 84px !important; } .m-lg-88 { margin: 88px !important; } .m-lg-92 { margin: 92px !important; } .m-lg-96 { margin: 96px !important; } .m-lg-100 { margin: 100px !important; } .m-lg-104 { margin: 104px !important; } .m-lg-108 { margin: 108px !important; } .m-lg-112 { margin: 112px !important; } .m-lg-116 { margin: 116px !important; } .m-lg-120 { margin: 120px !important; } .m-lg-124 { margin: 124px !important; } .m-lg-128 { margin: 128px !important; } .m-lg-132 { margin: 132px !important; } .m-lg-136 { margin: 136px !important; } .m-lg-140 { margin: 140px !important; } .m-lg-144 { margin: 144px !important; } .m-lg-148 { margin: 148px !important; } .m-lg-152 { margin: 152px !important; } .m-lg-156 { margin: 156px !important; } .m-lg-160 { margin: 160px !important; } .m-lg-164 { margin: 164px !important; } .m-lg-168 { margin: 168px !important; } .m-lg-172 { margin: 172px !important; } .m-lg-176 { margin: 176px !important; } .m-lg-180 { margin: 180px !important; } .m-lg-184 { margin: 184px !important; } .m-lg-188 { margin: 188px !important; } .m-lg-192 { margin: 192px !important; } .m-lg-196 { margin: 196px !important; } .m-lg-200 { margin: 200px !important; } .m-lg-204 { margin: 204px !important; } .m-lg-208 { margin: 208px !important; } .m-lg-212 { margin: 212px !important; } .m-lg-216 { margin: 216px !important; } .m-lg-220 { margin: 220px !important; } .m-lg-224 { margin: 224px !important; } .m-lg-228 { margin: 228px !important; } .m-lg-232 { margin: 232px !important; } .m-lg-236 { margin: 236px !important; } .m-lg-240 { margin: 240px !important; } .m-lg-244 { margin: 244px !important; } .m-lg-248 { margin: 248px !important; } .m-lg-252 { margin: 252px !important; } .m-lg-256 { margin: 256px !important; } .mx-lg-0 { margin-right: 0px !important; margin-left: 0px !important; } .my-lg-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .mx-lg-4 { margin-right: 4px !important; margin-left: 4px !important; } .my-lg-4 { margin-top: 4px !important; margin-bottom: 4px !important; } .mx-lg-8 { margin-right: 8px !important; margin-left: 8px !important; } .my-lg-8 { margin-top: 8px !important; margin-bottom: 8px !important; } .mx-lg-12 { margin-right: 12px !important; margin-left: 12px !important; } .my-lg-12 { margin-top: 12px !important; margin-bottom: 12px !important; } .mx-lg-16 { margin-right: 16px !important; margin-left: 16px !important; } .my-lg-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .mx-lg-20 { margin-right: 20px !important; margin-left: 20px !important; } .my-lg-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .mx-lg-24 { margin-right: 24px !important; margin-left: 24px !important; } .my-lg-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .mx-lg-28 { margin-right: 28px !important; margin-left: 28px !important; } .my-lg-28 { margin-top: 28px !important; margin-bottom: 28px !important; } .mx-lg-32 { margin-right: 32px !important; margin-left: 32px !important; } .my-lg-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .mx-lg-36 { margin-right: 36px !important; margin-left: 36px !important; } .my-lg-36 { margin-top: 36px !important; margin-bottom: 36px !important; } .mx-lg-40 { margin-right: 40px !important; margin-left: 40px !important; } .my-lg-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .mx-lg-44 { margin-right: 44px !important; margin-left: 44px !important; } .my-lg-44 { margin-top: 44px !important; margin-bottom: 44px !important; } .mx-lg-48 { margin-right: 48px !important; margin-left: 48px !important; } .my-lg-48 { margin-top: 48px !important; margin-bottom: 48px !important; } .mx-lg-52 { margin-right: 52px !important; margin-left: 52px !important; } .my-lg-52 { margin-top: 52px !important; margin-bottom: 52px !important; } .mx-lg-56 { margin-right: 56px !important; margin-left: 56px !important; } .my-lg-56 { margin-top: 56px !important; margin-bottom: 56px !important; } .mx-lg-60 { margin-right: 60px !important; margin-left: 60px !important; } .my-lg-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .mx-lg-64 { margin-right: 64px !important; margin-left: 64px !important; } .my-lg-64 { margin-top: 64px !important; margin-bottom: 64px !important; } .mx-lg-68 { margin-right: 68px !important; margin-left: 68px !important; } .my-lg-68 { margin-top: 68px !important; margin-bottom: 68px !important; } .mx-lg-72 { margin-right: 72px !important; margin-left: 72px !important; } .my-lg-72 { margin-top: 72px !important; margin-bottom: 72px !important; } .mx-lg-76 { margin-right: 76px !important; margin-left: 76px !important; } .my-lg-76 { margin-top: 76px !important; margin-bottom: 76px !important; } .mx-lg-80 { margin-right: 80px !important; margin-left: 80px !important; } .my-lg-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .mx-lg-84 { margin-right: 84px !important; margin-left: 84px !important; } .my-lg-84 { margin-top: 84px !important; margin-bottom: 84px !important; } .mx-lg-88 { margin-right: 88px !important; margin-left: 88px !important; } .my-lg-88 { margin-top: 88px !important; margin-bottom: 88px !important; } .mx-lg-92 { margin-right: 92px !important; margin-left: 92px !important; } .my-lg-92 { margin-top: 92px !important; margin-bottom: 92px !important; } .mx-lg-96 { margin-right: 96px !important; margin-left: 96px !important; } .my-lg-96 { margin-top: 96px !important; margin-bottom: 96px !important; } .mx-lg-100 { margin-right: 100px !important; margin-left: 100px !important; } .my-lg-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .mx-lg-104 { margin-right: 104px !important; margin-left: 104px !important; } .my-lg-104 { margin-top: 104px !important; margin-bottom: 104px !important; } .mx-lg-108 { margin-right: 108px !important; margin-left: 108px !important; } .my-lg-108 { margin-top: 108px !important; margin-bottom: 108px !important; } .mx-lg-112 { margin-right: 112px !important; margin-left: 112px !important; } .my-lg-112 { margin-top: 112px !important; margin-bottom: 112px !important; } .mx-lg-116 { margin-right: 116px !important; margin-left: 116px !important; } .my-lg-116 { margin-top: 116px !important; margin-bottom: 116px !important; } .mx-lg-120 { margin-right: 120px !important; margin-left: 120px !important; } .my-lg-120 { margin-top: 120px !important; margin-bottom: 120px !important; } .mx-lg-124 { margin-right: 124px !important; margin-left: 124px !important; } .my-lg-124 { margin-top: 124px !important; margin-bottom: 124px !important; } .mx-lg-128 { margin-right: 128px !important; margin-left: 128px !important; } .my-lg-128 { margin-top: 128px !important; margin-bottom: 128px !important; } .mx-lg-132 { margin-right: 132px !important; margin-left: 132px !important; } .my-lg-132 { margin-top: 132px !important; margin-bottom: 132px !important; } .mx-lg-136 { margin-right: 136px !important; margin-left: 136px !important; } .my-lg-136 { margin-top: 136px !important; margin-bottom: 136px !important; } .mx-lg-140 { margin-right: 140px !important; margin-left: 140px !important; } .my-lg-140 { margin-top: 140px !important; margin-bottom: 140px !important; } .mx-lg-144 { margin-right: 144px !important; margin-left: 144px !important; } .my-lg-144 { margin-top: 144px !important; margin-bottom: 144px !important; } .mx-lg-148 { margin-right: 148px !important; margin-left: 148px !important; } .my-lg-148 { margin-top: 148px !important; margin-bottom: 148px !important; } .mx-lg-152 { margin-right: 152px !important; margin-left: 152px !important; } .my-lg-152 { margin-top: 152px !important; margin-bottom: 152px !important; } .mx-lg-156 { margin-right: 156px !important; margin-left: 156px !important; } .my-lg-156 { margin-top: 156px !important; margin-bottom: 156px !important; } .mx-lg-160 { margin-right: 160px !important; margin-left: 160px !important; } .my-lg-160 { margin-top: 160px !important; margin-bottom: 160px !important; } .mx-lg-164 { margin-right: 164px !important; margin-left: 164px !important; } .my-lg-164 { margin-top: 164px !important; margin-bottom: 164px !important; } .mx-lg-168 { margin-right: 168px !important; margin-left: 168px !important; } .my-lg-168 { margin-top: 168px !important; margin-bottom: 168px !important; } .mx-lg-172 { margin-right: 172px !important; margin-left: 172px !important; } .my-lg-172 { margin-top: 172px !important; margin-bottom: 172px !important; } .mx-lg-176 { margin-right: 176px !important; margin-left: 176px !important; } .my-lg-176 { margin-top: 176px !important; margin-bottom: 176px !important; } .mx-lg-180 { margin-right: 180px !important; margin-left: 180px !important; } .my-lg-180 { margin-top: 180px !important; margin-bottom: 180px !important; } .mx-lg-184 { margin-right: 184px !important; margin-left: 184px !important; } .my-lg-184 { margin-top: 184px !important; margin-bottom: 184px !important; } .mx-lg-188 { margin-right: 188px !important; margin-left: 188px !important; } .my-lg-188 { margin-top: 188px !important; margin-bottom: 188px !important; } .mx-lg-192 { margin-right: 192px !important; margin-left: 192px !important; } .my-lg-192 { margin-top: 192px !important; margin-bottom: 192px !important; } .mx-lg-196 { margin-right: 196px !important; margin-left: 196px !important; } .my-lg-196 { margin-top: 196px !important; margin-bottom: 196px !important; } .mx-lg-200 { margin-right: 200px !important; margin-left: 200px !important; } .my-lg-200 { margin-top: 200px !important; margin-bottom: 200px !important; } .mx-lg-204 { margin-right: 204px !important; margin-left: 204px !important; } .my-lg-204 { margin-top: 204px !important; margin-bottom: 204px !important; } .mx-lg-208 { margin-right: 208px !important; margin-left: 208px !important; } .my-lg-208 { margin-top: 208px !important; margin-bottom: 208px !important; } .mx-lg-212 { margin-right: 212px !important; margin-left: 212px !important; } .my-lg-212 { margin-top: 212px !important; margin-bottom: 212px !important; } .mx-lg-216 { margin-right: 216px !important; margin-left: 216px !important; } .my-lg-216 { margin-top: 216px !important; margin-bottom: 216px !important; } .mx-lg-220 { margin-right: 220px !important; margin-left: 220px !important; } .my-lg-220 { margin-top: 220px !important; margin-bottom: 220px !important; } .mx-lg-224 { margin-right: 224px !important; margin-left: 224px !important; } .my-lg-224 { margin-top: 224px !important; margin-bottom: 224px !important; } .mx-lg-228 { margin-right: 228px !important; margin-left: 228px !important; } .my-lg-228 { margin-top: 228px !important; margin-bottom: 228px !important; } .mx-lg-232 { margin-right: 232px !important; margin-left: 232px !important; } .my-lg-232 { margin-top: 232px !important; margin-bottom: 232px !important; } .mx-lg-236 { margin-right: 236px !important; margin-left: 236px !important; } .my-lg-236 { margin-top: 236px !important; margin-bottom: 236px !important; } .mx-lg-240 { margin-right: 240px !important; margin-left: 240px !important; } .my-lg-240 { margin-top: 240px !important; margin-bottom: 240px !important; } .mx-lg-244 { margin-right: 244px !important; margin-left: 244px !important; } .my-lg-244 { margin-top: 244px !important; margin-bottom: 244px !important; } .mx-lg-248 { margin-right: 248px !important; margin-left: 248px !important; } .my-lg-248 { margin-top: 248px !important; margin-bottom: 248px !important; } .mx-lg-252 { margin-right: 252px !important; margin-left: 252px !important; } .my-lg-252 { margin-top: 252px !important; margin-bottom: 252px !important; } .mx-lg-256 { margin-right: 256px !important; margin-left: 256px !important; } .my-lg-256 { margin-top: 256px !important; margin-bottom: 256px !important; } .mt-lg-0 { margin-top: 0px !important; } .mr-lg-0 { margin-right: 0px !important; } .mb-lg-0 { margin-bottom: 0px !important; } .ml-lg-0 { margin-left: 0px !important; } .mt-lg-4 { margin-top: 4px !important; } .mr-lg-4 { margin-right: 4px !important; } .mb-lg-4 { margin-bottom: 4px !important; } .ml-lg-4 { margin-left: 4px !important; } .mt-lg-8 { margin-top: 8px !important; } .mr-lg-8 { margin-right: 8px !important; } .mb-lg-8 { margin-bottom: 8px !important; } .ml-lg-8 { margin-left: 8px !important; } .mt-lg-12 { margin-top: 12px !important; } .mr-lg-12 { margin-right: 12px !important; } .mb-lg-12 { margin-bottom: 12px !important; } .ml-lg-12 { margin-left: 12px !important; } .mt-lg-16 { margin-top: 16px !important; } .mr-lg-16 { margin-right: 16px !important; } .mb-lg-16 { margin-bottom: 16px !important; } .ml-lg-16 { margin-left: 16px !important; } .mt-lg-20 { margin-top: 20px !important; } .mr-lg-20 { margin-right: 20px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .ml-lg-20 { margin-left: 20px !important; } .mt-lg-24 { margin-top: 24px !important; } .mr-lg-24 { margin-right: 24px !important; } .mb-lg-24 { margin-bottom: 24px !important; } .ml-lg-24 { margin-left: 24px !important; } .mt-lg-28 { margin-top: 28px !important; } .mr-lg-28 { margin-right: 28px !important; } .mb-lg-28 { margin-bottom: 28px !important; } .ml-lg-28 { margin-left: 28px !important; } .mt-lg-32 { margin-top: 32px !important; } .mr-lg-32 { margin-right: 32px !important; } .mb-lg-32 { margin-bottom: 32px !important; } .ml-lg-32 { margin-left: 32px !important; } .mt-lg-36 { margin-top: 36px !important; } .mr-lg-36 { margin-right: 36px !important; } .mb-lg-36 { margin-bottom: 36px !important; } .ml-lg-36 { margin-left: 36px !important; } .mt-lg-40 { margin-top: 40px !important; } .mr-lg-40 { margin-right: 40px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .ml-lg-40 { margin-left: 40px !important; } .mt-lg-44 { margin-top: 44px !important; } .mr-lg-44 { margin-right: 44px !important; } .mb-lg-44 { margin-bottom: 44px !important; } .ml-lg-44 { margin-left: 44px !important; } .mt-lg-48 { margin-top: 48px !important; } .mr-lg-48 { margin-right: 48px !important; } .mb-lg-48 { margin-bottom: 48px !important; } .ml-lg-48 { margin-left: 48px !important; } .mt-lg-52 { margin-top: 52px !important; } .mr-lg-52 { margin-right: 52px !important; } .mb-lg-52 { margin-bottom: 52px !important; } .ml-lg-52 { margin-left: 52px !important; } .mt-lg-56 { margin-top: 56px !important; } .mr-lg-56 { margin-right: 56px !important; } .mb-lg-56 { margin-bottom: 56px !important; } .ml-lg-56 { margin-left: 56px !important; } .mt-lg-60 { margin-top: 60px !important; } .mr-lg-60 { margin-right: 60px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .ml-lg-60 { margin-left: 60px !important; } .mt-lg-64 { margin-top: 64px !important; } .mr-lg-64 { margin-right: 64px !important; } .mb-lg-64 { margin-bottom: 64px !important; } .ml-lg-64 { margin-left: 64px !important; } .mt-lg-68 { margin-top: 68px !important; } .mr-lg-68 { margin-right: 68px !important; } .mb-lg-68 { margin-bottom: 68px !important; } .ml-lg-68 { margin-left: 68px !important; } .mt-lg-72 { margin-top: 72px !important; } .mr-lg-72 { margin-right: 72px !important; } .mb-lg-72 { margin-bottom: 72px !important; } .ml-lg-72 { margin-left: 72px !important; } .mt-lg-76 { margin-top: 76px !important; } .mr-lg-76 { margin-right: 76px !important; } .mb-lg-76 { margin-bottom: 76px !important; } .ml-lg-76 { margin-left: 76px !important; } .mt-lg-80 { margin-top: 80px !important; } .mr-lg-80 { margin-right: 80px !important; } .mb-lg-80 { margin-bottom: 80px !important; } .ml-lg-80 { margin-left: 80px !important; } .mt-lg-84 { margin-top: 84px !important; } .mr-lg-84 { margin-right: 84px !important; } .mb-lg-84 { margin-bottom: 84px !important; } .ml-lg-84 { margin-left: 84px !important; } .mt-lg-88 { margin-top: 88px !important; } .mr-lg-88 { margin-right: 88px !important; } .mb-lg-88 { margin-bottom: 88px !important; } .ml-lg-88 { margin-left: 88px !important; } .mt-lg-92 { margin-top: 92px !important; } .mr-lg-92 { margin-right: 92px !important; } .mb-lg-92 { margin-bottom: 92px !important; } .ml-lg-92 { margin-left: 92px !important; } .mt-lg-96 { margin-top: 96px !important; } .mr-lg-96 { margin-right: 96px !important; } .mb-lg-96 { margin-bottom: 96px !important; } .ml-lg-96 { margin-left: 96px !important; } .mt-lg-100 { margin-top: 100px !important; } .mr-lg-100 { margin-right: 100px !important; } .mb-lg-100 { margin-bottom: 100px !important; } .ml-lg-100 { margin-left: 100px !important; } .mt-lg-104 { margin-top: 104px !important; } .mr-lg-104 { margin-right: 104px !important; } .mb-lg-104 { margin-bottom: 104px !important; } .ml-lg-104 { margin-left: 104px !important; } .mt-lg-108 { margin-top: 108px !important; } .mr-lg-108 { margin-right: 108px !important; } .mb-lg-108 { margin-bottom: 108px !important; } .ml-lg-108 { margin-left: 108px !important; } .mt-lg-112 { margin-top: 112px !important; } .mr-lg-112 { margin-right: 112px !important; } .mb-lg-112 { margin-bottom: 112px !important; } .ml-lg-112 { margin-left: 112px !important; } .mt-lg-116 { margin-top: 116px !important; } .mr-lg-116 { margin-right: 116px !important; } .mb-lg-116 { margin-bottom: 116px !important; } .ml-lg-116 { margin-left: 116px !important; } .mt-lg-120 { margin-top: 120px !important; } .mr-lg-120 { margin-right: 120px !important; } .mb-lg-120 { margin-bottom: 120px !important; } .ml-lg-120 { margin-left: 120px !important; } .mt-lg-124 { margin-top: 124px !important; } .mr-lg-124 { margin-right: 124px !important; } .mb-lg-124 { margin-bottom: 124px !important; } .ml-lg-124 { margin-left: 124px !important; } .mt-lg-128 { margin-top: 128px !important; } .mr-lg-128 { margin-right: 128px !important; } .mb-lg-128 { margin-bottom: 128px !important; } .ml-lg-128 { margin-left: 128px !important; } .mt-lg-132 { margin-top: 132px !important; } .mr-lg-132 { margin-right: 132px !important; } .mb-lg-132 { margin-bottom: 132px !important; } .ml-lg-132 { margin-left: 132px !important; } .mt-lg-136 { margin-top: 136px !important; } .mr-lg-136 { margin-right: 136px !important; } .mb-lg-136 { margin-bottom: 136px !important; } .ml-lg-136 { margin-left: 136px !important; } .mt-lg-140 { margin-top: 140px !important; } .mr-lg-140 { margin-right: 140px !important; } .mb-lg-140 { margin-bottom: 140px !important; } .ml-lg-140 { margin-left: 140px !important; } .mt-lg-144 { margin-top: 144px !important; } .mr-lg-144 { margin-right: 144px !important; } .mb-lg-144 { margin-bottom: 144px !important; } .ml-lg-144 { margin-left: 144px !important; } .mt-lg-148 { margin-top: 148px !important; } .mr-lg-148 { margin-right: 148px !important; } .mb-lg-148 { margin-bottom: 148px !important; } .ml-lg-148 { margin-left: 148px !important; } .mt-lg-152 { margin-top: 152px !important; } .mr-lg-152 { margin-right: 152px !important; } .mb-lg-152 { margin-bottom: 152px !important; } .ml-lg-152 { margin-left: 152px !important; } .mt-lg-156 { margin-top: 156px !important; } .mr-lg-156 { margin-right: 156px !important; } .mb-lg-156 { margin-bottom: 156px !important; } .ml-lg-156 { margin-left: 156px !important; } .mt-lg-160 { margin-top: 160px !important; } .mr-lg-160 { margin-right: 160px !important; } .mb-lg-160 { margin-bottom: 160px !important; } .ml-lg-160 { margin-left: 160px !important; } .mt-lg-164 { margin-top: 164px !important; } .mr-lg-164 { margin-right: 164px !important; } .mb-lg-164 { margin-bottom: 164px !important; } .ml-lg-164 { margin-left: 164px !important; } .mt-lg-168 { margin-top: 168px !important; } .mr-lg-168 { margin-right: 168px !important; } .mb-lg-168 { margin-bottom: 168px !important; } .ml-lg-168 { margin-left: 168px !important; } .mt-lg-172 { margin-top: 172px !important; } .mr-lg-172 { margin-right: 172px !important; } .mb-lg-172 { margin-bottom: 172px !important; } .ml-lg-172 { margin-left: 172px !important; } .mt-lg-176 { margin-top: 176px !important; } .mr-lg-176 { margin-right: 176px !important; } .mb-lg-176 { margin-bottom: 176px !important; } .ml-lg-176 { margin-left: 176px !important; } .mt-lg-180 { margin-top: 180px !important; } .mr-lg-180 { margin-right: 180px !important; } .mb-lg-180 { margin-bottom: 180px !important; } .ml-lg-180 { margin-left: 180px !important; } .mt-lg-184 { margin-top: 184px !important; } .mr-lg-184 { margin-right: 184px !important; } .mb-lg-184 { margin-bottom: 184px !important; } .ml-lg-184 { margin-left: 184px !important; } .mt-lg-188 { margin-top: 188px !important; } .mr-lg-188 { margin-right: 188px !important; } .mb-lg-188 { margin-bottom: 188px !important; } .ml-lg-188 { margin-left: 188px !important; } .mt-lg-192 { margin-top: 192px !important; } .mr-lg-192 { margin-right: 192px !important; } .mb-lg-192 { margin-bottom: 192px !important; } .ml-lg-192 { margin-left: 192px !important; } .mt-lg-196 { margin-top: 196px !important; } .mr-lg-196 { margin-right: 196px !important; } .mb-lg-196 { margin-bottom: 196px !important; } .ml-lg-196 { margin-left: 196px !important; } .mt-lg-200 { margin-top: 200px !important; } .mr-lg-200 { margin-right: 200px !important; } .mb-lg-200 { margin-bottom: 200px !important; } .ml-lg-200 { margin-left: 200px !important; } .mt-lg-204 { margin-top: 204px !important; } .mr-lg-204 { margin-right: 204px !important; } .mb-lg-204 { margin-bottom: 204px !important; } .ml-lg-204 { margin-left: 204px !important; } .mt-lg-208 { margin-top: 208px !important; } .mr-lg-208 { margin-right: 208px !important; } .mb-lg-208 { margin-bottom: 208px !important; } .ml-lg-208 { margin-left: 208px !important; } .mt-lg-212 { margin-top: 212px !important; } .mr-lg-212 { margin-right: 212px !important; } .mb-lg-212 { margin-bottom: 212px !important; } .ml-lg-212 { margin-left: 212px !important; } .mt-lg-216 { margin-top: 216px !important; } .mr-lg-216 { margin-right: 216px !important; } .mb-lg-216 { margin-bottom: 216px !important; } .ml-lg-216 { margin-left: 216px !important; } .mt-lg-220 { margin-top: 220px !important; } .mr-lg-220 { margin-right: 220px !important; } .mb-lg-220 { margin-bottom: 220px !important; } .ml-lg-220 { margin-left: 220px !important; } .mt-lg-224 { margin-top: 224px !important; } .mr-lg-224 { margin-right: 224px !important; } .mb-lg-224 { margin-bottom: 224px !important; } .ml-lg-224 { margin-left: 224px !important; } .mt-lg-228 { margin-top: 228px !important; } .mr-lg-228 { margin-right: 228px !important; } .mb-lg-228 { margin-bottom: 228px !important; } .ml-lg-228 { margin-left: 228px !important; } .mt-lg-232 { margin-top: 232px !important; } .mr-lg-232 { margin-right: 232px !important; } .mb-lg-232 { margin-bottom: 232px !important; } .ml-lg-232 { margin-left: 232px !important; } .mt-lg-236 { margin-top: 236px !important; } .mr-lg-236 { margin-right: 236px !important; } .mb-lg-236 { margin-bottom: 236px !important; } .ml-lg-236 { margin-left: 236px !important; } .mt-lg-240 { margin-top: 240px !important; } .mr-lg-240 { margin-right: 240px !important; } .mb-lg-240 { margin-bottom: 240px !important; } .ml-lg-240 { margin-left: 240px !important; } .mt-lg-244 { margin-top: 244px !important; } .mr-lg-244 { margin-right: 244px !important; } .mb-lg-244 { margin-bottom: 244px !important; } .ml-lg-244 { margin-left: 244px !important; } .mt-lg-248 { margin-top: 248px !important; } .mr-lg-248 { margin-right: 248px !important; } .mb-lg-248 { margin-bottom: 248px !important; } .ml-lg-248 { margin-left: 248px !important; } .mt-lg-252 { margin-top: 252px !important; } .mr-lg-252 { margin-right: 252px !important; } .mb-lg-252 { margin-bottom: 252px !important; } .ml-lg-252 { margin-left: 252px !important; } .mt-lg-256 { margin-top: 256px !important; } .mr-lg-256 { margin-right: 256px !important; } .mb-lg-256 { margin-bottom: 256px !important; } .ml-lg-256 { margin-left: 256px !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .p-lg-0 { padding: 0px !important; } .p-lg-4 { padding: 4px !important; } .p-lg-8 { padding: 8px !important; } .p-lg-12 { padding: 12px !important; } .p-lg-16 { padding: 16px !important; } .p-lg-20 { padding: 20px !important; } .p-lg-24 { padding: 24px !important; } .p-lg-28 { padding: 28px !important; } .p-lg-32 { padding: 32px !important; } .p-lg-36 { padding: 36px !important; } .p-lg-40 { padding: 40px !important; } .p-lg-44 { padding: 44px !important; } .p-lg-48 { padding: 48px !important; } .p-lg-52 { padding: 52px !important; } .p-lg-56 { padding: 56px !important; } .p-lg-60 { padding: 60px !important; } .p-lg-64 { padding: 64px !important; } .p-lg-68 { padding: 68px !important; } .p-lg-72 { padding: 72px !important; } .p-lg-76 { padding: 76px !important; } .p-lg-80 { padding: 80px !important; } .p-lg-84 { padding: 84px !important; } .p-lg-88 { padding: 88px !important; } .p-lg-92 { padding: 92px !important; } .p-lg-96 { padding: 96px !important; } .p-lg-100 { padding: 100px !important; } .p-lg-104 { padding: 104px !important; } .p-lg-108 { padding: 108px !important; } .p-lg-112 { padding: 112px !important; } .p-lg-116 { padding: 116px !important; } .p-lg-120 { padding: 120px !important; } .p-lg-124 { padding: 124px !important; } .p-lg-128 { padding: 128px !important; } .p-lg-132 { padding: 132px !important; } .p-lg-136 { padding: 136px !important; } .p-lg-140 { padding: 140px !important; } .p-lg-144 { padding: 144px !important; } .p-lg-148 { padding: 148px !important; } .p-lg-152 { padding: 152px !important; } .p-lg-156 { padding: 156px !important; } .p-lg-160 { padding: 160px !important; } .p-lg-164 { padding: 164px !important; } .p-lg-168 { padding: 168px !important; } .p-lg-172 { padding: 172px !important; } .p-lg-176 { padding: 176px !important; } .p-lg-180 { padding: 180px !important; } .p-lg-184 { padding: 184px !important; } .p-lg-188 { padding: 188px !important; } .p-lg-192 { padding: 192px !important; } .p-lg-196 { padding: 196px !important; } .p-lg-200 { padding: 200px !important; } .p-lg-204 { padding: 204px !important; } .p-lg-208 { padding: 208px !important; } .p-lg-212 { padding: 212px !important; } .p-lg-216 { padding: 216px !important; } .p-lg-220 { padding: 220px !important; } .p-lg-224 { padding: 224px !important; } .p-lg-228 { padding: 228px !important; } .p-lg-232 { padding: 232px !important; } .p-lg-236 { padding: 236px !important; } .p-lg-240 { padding: 240px !important; } .p-lg-244 { padding: 244px !important; } .p-lg-248 { padding: 248px !important; } .p-lg-252 { padding: 252px !important; } .p-lg-256 { padding: 256px !important; } .px-lg-0 { padding-right: 0px !important; padding-left: 0px !important; } .py-lg-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .px-lg-4 { padding-right: 4px !important; padding-left: 4px !important; } .py-lg-4 { padding-top: 4px !important; padding-bottom: 4px !important; } .px-lg-8 { padding-right: 8px !important; padding-left: 8px !important; } .py-lg-8 { padding-top: 8px !important; padding-bottom: 8px !important; } .px-lg-12 { padding-right: 12px !important; padding-left: 12px !important; } .py-lg-12 { padding-top: 12px !important; padding-bottom: 12px !important; } .px-lg-16 { padding-right: 16px !important; padding-left: 16px !important; } .py-lg-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .px-lg-20 { padding-right: 20px !important; padding-left: 20px !important; } .py-lg-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .px-lg-24 { padding-right: 24px !important; padding-left: 24px !important; } .py-lg-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .px-lg-28 { padding-right: 28px !important; padding-left: 28px !important; } .py-lg-28 { padding-top: 28px !important; padding-bottom: 28px !important; } .px-lg-32 { padding-right: 32px !important; padding-left: 32px !important; } .py-lg-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .px-lg-36 { padding-right: 36px !important; padding-left: 36px !important; } .py-lg-36 { padding-top: 36px !important; padding-bottom: 36px !important; } .px-lg-40 { padding-right: 40px !important; padding-left: 40px !important; } .py-lg-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .px-lg-44 { padding-right: 44px !important; padding-left: 44px !important; } .py-lg-44 { padding-top: 44px !important; padding-bottom: 44px !important; } .px-lg-48 { padding-right: 48px !important; padding-left: 48px !important; } .py-lg-48 { padding-top: 48px !important; padding-bottom: 48px !important; } .px-lg-52 { padding-right: 52px !important; padding-left: 52px !important; } .py-lg-52 { padding-top: 52px !important; padding-bottom: 52px !important; } .px-lg-56 { padding-right: 56px !important; padding-left: 56px !important; } .py-lg-56 { padding-top: 56px !important; padding-bottom: 56px !important; } .px-lg-60 { padding-right: 60px !important; padding-left: 60px !important; } .py-lg-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .px-lg-64 { padding-right: 64px !important; padding-left: 64px !important; } .py-lg-64 { padding-top: 64px !important; padding-bottom: 64px !important; } .px-lg-68 { padding-right: 68px !important; padding-left: 68px !important; } .py-lg-68 { padding-top: 68px !important; padding-bottom: 68px !important; } .px-lg-72 { padding-right: 72px !important; padding-left: 72px !important; } .py-lg-72 { padding-top: 72px !important; padding-bottom: 72px !important; } .px-lg-76 { padding-right: 76px !important; padding-left: 76px !important; } .py-lg-76 { padding-top: 76px !important; padding-bottom: 76px !important; } .px-lg-80 { padding-right: 80px !important; padding-left: 80px !important; } .py-lg-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .px-lg-84 { padding-right: 84px !important; padding-left: 84px !important; } .py-lg-84 { padding-top: 84px !important; padding-bottom: 84px !important; } .px-lg-88 { padding-right: 88px !important; padding-left: 88px !important; } .py-lg-88 { padding-top: 88px !important; padding-bottom: 88px !important; } .px-lg-92 { padding-right: 92px !important; padding-left: 92px !important; } .py-lg-92 { padding-top: 92px !important; padding-bottom: 92px !important; } .px-lg-96 { padding-right: 96px !important; padding-left: 96px !important; } .py-lg-96 { padding-top: 96px !important; padding-bottom: 96px !important; } .px-lg-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-lg-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .px-lg-104 { padding-right: 104px !important; padding-left: 104px !important; } .py-lg-104 { padding-top: 104px !important; padding-bottom: 104px !important; } .px-lg-108 { padding-right: 108px !important; padding-left: 108px !important; } .py-lg-108 { padding-top: 108px !important; padding-bottom: 108px !important; } .px-lg-112 { padding-right: 112px !important; padding-left: 112px !important; } .py-lg-112 { padding-top: 112px !important; padding-bottom: 112px !important; } .px-lg-116 { padding-right: 116px !important; padding-left: 116px !important; } .py-lg-116 { padding-top: 116px !important; padding-bottom: 116px !important; } .px-lg-120 { padding-right: 120px !important; padding-left: 120px !important; } .py-lg-120 { padding-top: 120px !important; padding-bottom: 120px !important; } .px-lg-124 { padding-right: 124px !important; padding-left: 124px !important; } .py-lg-124 { padding-top: 124px !important; padding-bottom: 124px !important; } .px-lg-128 { padding-right: 128px !important; padding-left: 128px !important; } .py-lg-128 { padding-top: 128px !important; padding-bottom: 128px !important; } .px-lg-132 { padding-right: 132px !important; padding-left: 132px !important; } .py-lg-132 { padding-top: 132px !important; padding-bottom: 132px !important; } .px-lg-136 { padding-right: 136px !important; padding-left: 136px !important; } .py-lg-136 { padding-top: 136px !important; padding-bottom: 136px !important; } .px-lg-140 { padding-right: 140px !important; padding-left: 140px !important; } .py-lg-140 { padding-top: 140px !important; padding-bottom: 140px !important; } .px-lg-144 { padding-right: 144px !important; padding-left: 144px !important; } .py-lg-144 { padding-top: 144px !important; padding-bottom: 144px !important; } .px-lg-148 { padding-right: 148px !important; padding-left: 148px !important; } .py-lg-148 { padding-top: 148px !important; padding-bottom: 148px !important; } .px-lg-152 { padding-right: 152px !important; padding-left: 152px !important; } .py-lg-152 { padding-top: 152px !important; padding-bottom: 152px !important; } .px-lg-156 { padding-right: 156px !important; padding-left: 156px !important; } .py-lg-156 { padding-top: 156px !important; padding-bottom: 156px !important; } .px-lg-160 { padding-right: 160px !important; padding-left: 160px !important; } .py-lg-160 { padding-top: 160px !important; padding-bottom: 160px !important; } .px-lg-164 { padding-right: 164px !important; padding-left: 164px !important; } .py-lg-164 { padding-top: 164px !important; padding-bottom: 164px !important; } .px-lg-168 { padding-right: 168px !important; padding-left: 168px !important; } .py-lg-168 { padding-top: 168px !important; padding-bottom: 168px !important; } .px-lg-172 { padding-right: 172px !important; padding-left: 172px !important; } .py-lg-172 { padding-top: 172px !important; padding-bottom: 172px !important; } .px-lg-176 { padding-right: 176px !important; padding-left: 176px !important; } .py-lg-176 { padding-top: 176px !important; padding-bottom: 176px !important; } .px-lg-180 { padding-right: 180px !important; padding-left: 180px !important; } .py-lg-180 { padding-top: 180px !important; padding-bottom: 180px !important; } .px-lg-184 { padding-right: 184px !important; padding-left: 184px !important; } .py-lg-184 { padding-top: 184px !important; padding-bottom: 184px !important; } .px-lg-188 { padding-right: 188px !important; padding-left: 188px !important; } .py-lg-188 { padding-top: 188px !important; padding-bottom: 188px !important; } .px-lg-192 { padding-right: 192px !important; padding-left: 192px !important; } .py-lg-192 { padding-top: 192px !important; padding-bottom: 192px !important; } .px-lg-196 { padding-right: 196px !important; padding-left: 196px !important; } .py-lg-196 { padding-top: 196px !important; padding-bottom: 196px !important; } .px-lg-200 { padding-right: 200px !important; padding-left: 200px !important; } .py-lg-200 { padding-top: 200px !important; padding-bottom: 200px !important; } .px-lg-204 { padding-right: 204px !important; padding-left: 204px !important; } .py-lg-204 { padding-top: 204px !important; padding-bottom: 204px !important; } .px-lg-208 { padding-right: 208px !important; padding-left: 208px !important; } .py-lg-208 { padding-top: 208px !important; padding-bottom: 208px !important; } .px-lg-212 { padding-right: 212px !important; padding-left: 212px !important; } .py-lg-212 { padding-top: 212px !important; padding-bottom: 212px !important; } .px-lg-216 { padding-right: 216px !important; padding-left: 216px !important; } .py-lg-216 { padding-top: 216px !important; padding-bottom: 216px !important; } .px-lg-220 { padding-right: 220px !important; padding-left: 220px !important; } .py-lg-220 { padding-top: 220px !important; padding-bottom: 220px !important; } .px-lg-224 { padding-right: 224px !important; padding-left: 224px !important; } .py-lg-224 { padding-top: 224px !important; padding-bottom: 224px !important; } .px-lg-228 { padding-right: 228px !important; padding-left: 228px !important; } .py-lg-228 { padding-top: 228px !important; padding-bottom: 228px !important; } .px-lg-232 { padding-right: 232px !important; padding-left: 232px !important; } .py-lg-232 { padding-top: 232px !important; padding-bottom: 232px !important; } .px-lg-236 { padding-right: 236px !important; padding-left: 236px !important; } .py-lg-236 { padding-top: 236px !important; padding-bottom: 236px !important; } .px-lg-240 { padding-right: 240px !important; padding-left: 240px !important; } .py-lg-240 { padding-top: 240px !important; padding-bottom: 240px !important; } .px-lg-244 { padding-right: 244px !important; padding-left: 244px !important; } .py-lg-244 { padding-top: 244px !important; padding-bottom: 244px !important; } .px-lg-248 { padding-right: 248px !important; padding-left: 248px !important; } .py-lg-248 { padding-top: 248px !important; padding-bottom: 248px !important; } .px-lg-252 { padding-right: 252px !important; padding-left: 252px !important; } .py-lg-252 { padding-top: 252px !important; padding-bottom: 252px !important; } .px-lg-256 { padding-right: 256px !important; padding-left: 256px !important; } .py-lg-256 { padding-top: 256px !important; padding-bottom: 256px !important; } .pt-lg-0 { padding-top: 0px !important; } .pr-lg-0 { padding-right: 0px !important; } .pb-lg-0 { padding-bottom: 0px !important; } .pl-lg-0 { padding-left: 0px !important; } .pt-lg-4 { padding-top: 4px !important; } .pr-lg-4 { padding-right: 4px !important; } .pb-lg-4 { padding-bottom: 4px !important; } .pl-lg-4 { padding-left: 4px !important; } .pt-lg-8 { padding-top: 8px !important; } .pr-lg-8 { padding-right: 8px !important; } .pb-lg-8 { padding-bottom: 8px !important; } .pl-lg-8 { padding-left: 8px !important; } .pt-lg-12 { padding-top: 12px !important; } .pr-lg-12 { padding-right: 12px !important; } .pb-lg-12 { padding-bottom: 12px !important; } .pl-lg-12 { padding-left: 12px !important; } .pt-lg-16 { padding-top: 16px !important; } .pr-lg-16 { padding-right: 16px !important; } .pb-lg-16 { padding-bottom: 16px !important; } .pl-lg-16 { padding-left: 16px !important; } .pt-lg-20 { padding-top: 20px !important; } .pr-lg-20 { padding-right: 20px !important; } .pb-lg-20 { padding-bottom: 20px !important; } .pl-lg-20 { padding-left: 20px !important; } .pt-lg-24 { padding-top: 24px !important; } .pr-lg-24 { padding-right: 24px !important; } .pb-lg-24 { padding-bottom: 24px !important; } .pl-lg-24 { padding-left: 24px !important; } .pt-lg-28 { padding-top: 28px !important; } .pr-lg-28 { padding-right: 28px !important; } .pb-lg-28 { padding-bottom: 28px !important; } .pl-lg-28 { padding-left: 28px !important; } .pt-lg-32 { padding-top: 32px !important; } .pr-lg-32 { padding-right: 32px !important; } .pb-lg-32 { padding-bottom: 32px !important; } .pl-lg-32 { padding-left: 32px !important; } .pt-lg-36 { padding-top: 36px !important; } .pr-lg-36 { padding-right: 36px !important; } .pb-lg-36 { padding-bottom: 36px !important; } .pl-lg-36 { padding-left: 36px !important; } .pt-lg-40 { padding-top: 40px !important; } .pr-lg-40 { padding-right: 40px !important; } .pb-lg-40 { padding-bottom: 40px !important; } .pl-lg-40 { padding-left: 40px !important; } .pt-lg-44 { padding-top: 44px !important; } .pr-lg-44 { padding-right: 44px !important; } .pb-lg-44 { padding-bottom: 44px !important; } .pl-lg-44 { padding-left: 44px !important; } .pt-lg-48 { padding-top: 48px !important; } .pr-lg-48 { padding-right: 48px !important; } .pb-lg-48 { padding-bottom: 48px !important; } .pl-lg-48 { padding-left: 48px !important; } .pt-lg-52 { padding-top: 52px !important; } .pr-lg-52 { padding-right: 52px !important; } .pb-lg-52 { padding-bottom: 52px !important; } .pl-lg-52 { padding-left: 52px !important; } .pt-lg-56 { padding-top: 56px !important; } .pr-lg-56 { padding-right: 56px !important; } .pb-lg-56 { padding-bottom: 56px !important; } .pl-lg-56 { padding-left: 56px !important; } .pt-lg-60 { padding-top: 60px !important; } .pr-lg-60 { padding-right: 60px !important; } .pb-lg-60 { padding-bottom: 60px !important; } .pl-lg-60 { padding-left: 60px !important; } .pt-lg-64 { padding-top: 64px !important; } .pr-lg-64 { padding-right: 64px !important; } .pb-lg-64 { padding-bottom: 64px !important; } .pl-lg-64 { padding-left: 64px !important; } .pt-lg-68 { padding-top: 68px !important; } .pr-lg-68 { padding-right: 68px !important; } .pb-lg-68 { padding-bottom: 68px !important; } .pl-lg-68 { padding-left: 68px !important; } .pt-lg-72 { padding-top: 72px !important; } .pr-lg-72 { padding-right: 72px !important; } .pb-lg-72 { padding-bottom: 72px !important; } .pl-lg-72 { padding-left: 72px !important; } .pt-lg-76 { padding-top: 76px !important; } .pr-lg-76 { padding-right: 76px !important; } .pb-lg-76 { padding-bottom: 76px !important; } .pl-lg-76 { padding-left: 76px !important; } .pt-lg-80 { padding-top: 80px !important; } .pr-lg-80 { padding-right: 80px !important; } .pb-lg-80 { padding-bottom: 80px !important; } .pl-lg-80 { padding-left: 80px !important; } .pt-lg-84 { padding-top: 84px !important; } .pr-lg-84 { padding-right: 84px !important; } .pb-lg-84 { padding-bottom: 84px !important; } .pl-lg-84 { padding-left: 84px !important; } .pt-lg-88 { padding-top: 88px !important; } .pr-lg-88 { padding-right: 88px !important; } .pb-lg-88 { padding-bottom: 88px !important; } .pl-lg-88 { padding-left: 88px !important; } .pt-lg-92 { padding-top: 92px !important; } .pr-lg-92 { padding-right: 92px !important; } .pb-lg-92 { padding-bottom: 92px !important; } .pl-lg-92 { padding-left: 92px !important; } .pt-lg-96 { padding-top: 96px !important; } .pr-lg-96 { padding-right: 96px !important; } .pb-lg-96 { padding-bottom: 96px !important; } .pl-lg-96 { padding-left: 96px !important; } .pt-lg-100 { padding-top: 100px !important; } .pr-lg-100 { padding-right: 100px !important; } .pb-lg-100 { padding-bottom: 100px !important; } .pl-lg-100 { padding-left: 100px !important; } .pt-lg-104 { padding-top: 104px !important; } .pr-lg-104 { padding-right: 104px !important; } .pb-lg-104 { padding-bottom: 104px !important; } .pl-lg-104 { padding-left: 104px !important; } .pt-lg-108 { padding-top: 108px !important; } .pr-lg-108 { padding-right: 108px !important; } .pb-lg-108 { padding-bottom: 108px !important; } .pl-lg-108 { padding-left: 108px !important; } .pt-lg-112 { padding-top: 112px !important; } .pr-lg-112 { padding-right: 112px !important; } .pb-lg-112 { padding-bottom: 112px !important; } .pl-lg-112 { padding-left: 112px !important; } .pt-lg-116 { padding-top: 116px !important; } .pr-lg-116 { padding-right: 116px !important; } .pb-lg-116 { padding-bottom: 116px !important; } .pl-lg-116 { padding-left: 116px !important; } .pt-lg-120 { padding-top: 120px !important; } .pr-lg-120 { padding-right: 120px !important; } .pb-lg-120 { padding-bottom: 120px !important; } .pl-lg-120 { padding-left: 120px !important; } .pt-lg-124 { padding-top: 124px !important; } .pr-lg-124 { padding-right: 124px !important; } .pb-lg-124 { padding-bottom: 124px !important; } .pl-lg-124 { padding-left: 124px !important; } .pt-lg-128 { padding-top: 128px !important; } .pr-lg-128 { padding-right: 128px !important; } .pb-lg-128 { padding-bottom: 128px !important; } .pl-lg-128 { padding-left: 128px !important; } .pt-lg-132 { padding-top: 132px !important; } .pr-lg-132 { padding-right: 132px !important; } .pb-lg-132 { padding-bottom: 132px !important; } .pl-lg-132 { padding-left: 132px !important; } .pt-lg-136 { padding-top: 136px !important; } .pr-lg-136 { padding-right: 136px !important; } .pb-lg-136 { padding-bottom: 136px !important; } .pl-lg-136 { padding-left: 136px !important; } .pt-lg-140 { padding-top: 140px !important; } .pr-lg-140 { padding-right: 140px !important; } .pb-lg-140 { padding-bottom: 140px !important; } .pl-lg-140 { padding-left: 140px !important; } .pt-lg-144 { padding-top: 144px !important; } .pr-lg-144 { padding-right: 144px !important; } .pb-lg-144 { padding-bottom: 144px !important; } .pl-lg-144 { padding-left: 144px !important; } .pt-lg-148 { padding-top: 148px !important; } .pr-lg-148 { padding-right: 148px !important; } .pb-lg-148 { padding-bottom: 148px !important; } .pl-lg-148 { padding-left: 148px !important; } .pt-lg-152 { padding-top: 152px !important; } .pr-lg-152 { padding-right: 152px !important; } .pb-lg-152 { padding-bottom: 152px !important; } .pl-lg-152 { padding-left: 152px !important; } .pt-lg-156 { padding-top: 156px !important; } .pr-lg-156 { padding-right: 156px !important; } .pb-lg-156 { padding-bottom: 156px !important; } .pl-lg-156 { padding-left: 156px !important; } .pt-lg-160 { padding-top: 160px !important; } .pr-lg-160 { padding-right: 160px !important; } .pb-lg-160 { padding-bottom: 160px !important; } .pl-lg-160 { padding-left: 160px !important; } .pt-lg-164 { padding-top: 164px !important; } .pr-lg-164 { padding-right: 164px !important; } .pb-lg-164 { padding-bottom: 164px !important; } .pl-lg-164 { padding-left: 164px !important; } .pt-lg-168 { padding-top: 168px !important; } .pr-lg-168 { padding-right: 168px !important; } .pb-lg-168 { padding-bottom: 168px !important; } .pl-lg-168 { padding-left: 168px !important; } .pt-lg-172 { padding-top: 172px !important; } .pr-lg-172 { padding-right: 172px !important; } .pb-lg-172 { padding-bottom: 172px !important; } .pl-lg-172 { padding-left: 172px !important; } .pt-lg-176 { padding-top: 176px !important; } .pr-lg-176 { padding-right: 176px !important; } .pb-lg-176 { padding-bottom: 176px !important; } .pl-lg-176 { padding-left: 176px !important; } .pt-lg-180 { padding-top: 180px !important; } .pr-lg-180 { padding-right: 180px !important; } .pb-lg-180 { padding-bottom: 180px !important; } .pl-lg-180 { padding-left: 180px !important; } .pt-lg-184 { padding-top: 184px !important; } .pr-lg-184 { padding-right: 184px !important; } .pb-lg-184 { padding-bottom: 184px !important; } .pl-lg-184 { padding-left: 184px !important; } .pt-lg-188 { padding-top: 188px !important; } .pr-lg-188 { padding-right: 188px !important; } .pb-lg-188 { padding-bottom: 188px !important; } .pl-lg-188 { padding-left: 188px !important; } .pt-lg-192 { padding-top: 192px !important; } .pr-lg-192 { padding-right: 192px !important; } .pb-lg-192 { padding-bottom: 192px !important; } .pl-lg-192 { padding-left: 192px !important; } .pt-lg-196 { padding-top: 196px !important; } .pr-lg-196 { padding-right: 196px !important; } .pb-lg-196 { padding-bottom: 196px !important; } .pl-lg-196 { padding-left: 196px !important; } .pt-lg-200 { padding-top: 200px !important; } .pr-lg-200 { padding-right: 200px !important; } .pb-lg-200 { padding-bottom: 200px !important; } .pl-lg-200 { padding-left: 200px !important; } .pt-lg-204 { padding-top: 204px !important; } .pr-lg-204 { padding-right: 204px !important; } .pb-lg-204 { padding-bottom: 204px !important; } .pl-lg-204 { padding-left: 204px !important; } .pt-lg-208 { padding-top: 208px !important; } .pr-lg-208 { padding-right: 208px !important; } .pb-lg-208 { padding-bottom: 208px !important; } .pl-lg-208 { padding-left: 208px !important; } .pt-lg-212 { padding-top: 212px !important; } .pr-lg-212 { padding-right: 212px !important; } .pb-lg-212 { padding-bottom: 212px !important; } .pl-lg-212 { padding-left: 212px !important; } .pt-lg-216 { padding-top: 216px !important; } .pr-lg-216 { padding-right: 216px !important; } .pb-lg-216 { padding-bottom: 216px !important; } .pl-lg-216 { padding-left: 216px !important; } .pt-lg-220 { padding-top: 220px !important; } .pr-lg-220 { padding-right: 220px !important; } .pb-lg-220 { padding-bottom: 220px !important; } .pl-lg-220 { padding-left: 220px !important; } .pt-lg-224 { padding-top: 224px !important; } .pr-lg-224 { padding-right: 224px !important; } .pb-lg-224 { padding-bottom: 224px !important; } .pl-lg-224 { padding-left: 224px !important; } .pt-lg-228 { padding-top: 228px !important; } .pr-lg-228 { padding-right: 228px !important; } .pb-lg-228 { padding-bottom: 228px !important; } .pl-lg-228 { padding-left: 228px !important; } .pt-lg-232 { padding-top: 232px !important; } .pr-lg-232 { padding-right: 232px !important; } .pb-lg-232 { padding-bottom: 232px !important; } .pl-lg-232 { padding-left: 232px !important; } .pt-lg-236 { padding-top: 236px !important; } .pr-lg-236 { padding-right: 236px !important; } .pb-lg-236 { padding-bottom: 236px !important; } .pl-lg-236 { padding-left: 236px !important; } .pt-lg-240 { padding-top: 240px !important; } .pr-lg-240 { padding-right: 240px !important; } .pb-lg-240 { padding-bottom: 240px !important; } .pl-lg-240 { padding-left: 240px !important; } .pt-lg-244 { padding-top: 244px !important; } .pr-lg-244 { padding-right: 244px !important; } .pb-lg-244 { padding-bottom: 244px !important; } .pl-lg-244 { padding-left: 244px !important; } .pt-lg-248 { padding-top: 248px !important; } .pr-lg-248 { padding-right: 248px !important; } .pb-lg-248 { padding-bottom: 248px !important; } .pl-lg-248 { padding-left: 248px !important; } .pt-lg-252 { padding-top: 252px !important; } .pr-lg-252 { padding-right: 252px !important; } .pb-lg-252 { padding-bottom: 252px !important; } .pl-lg-252 { padding-left: 252px !important; } .pt-lg-256 { padding-top: 256px !important; } .pr-lg-256 { padding-right: 256px !important; } .pb-lg-256 { padding-bottom: 256px !important; } .pl-lg-256 { padding-left: 256px !important; } } @media (min-width: 1920px) { .m-xl-0 { margin: 0px !important; } .m-xl-4 { margin: 4px !important; } .m-xl-8 { margin: 8px !important; } .m-xl-12 { margin: 12px !important; } .m-xl-16 { margin: 16px !important; } .m-xl-20 { margin: 20px !important; } .m-xl-24 { margin: 24px !important; } .m-xl-28 { margin: 28px !important; } .m-xl-32 { margin: 32px !important; } .m-xl-36 { margin: 36px !important; } .m-xl-40 { margin: 40px !important; } .m-xl-44 { margin: 44px !important; } .m-xl-48 { margin: 48px !important; } .m-xl-52 { margin: 52px !important; } .m-xl-56 { margin: 56px !important; } .m-xl-60 { margin: 60px !important; } .m-xl-64 { margin: 64px !important; } .m-xl-68 { margin: 68px !important; } .m-xl-72 { margin: 72px !important; } .m-xl-76 { margin: 76px !important; } .m-xl-80 { margin: 80px !important; } .m-xl-84 { margin: 84px !important; } .m-xl-88 { margin: 88px !important; } .m-xl-92 { margin: 92px !important; } .m-xl-96 { margin: 96px !important; } .m-xl-100 { margin: 100px !important; } .m-xl-104 { margin: 104px !important; } .m-xl-108 { margin: 108px !important; } .m-xl-112 { margin: 112px !important; } .m-xl-116 { margin: 116px !important; } .m-xl-120 { margin: 120px !important; } .m-xl-124 { margin: 124px !important; } .m-xl-128 { margin: 128px !important; } .m-xl-132 { margin: 132px !important; } .m-xl-136 { margin: 136px !important; } .m-xl-140 { margin: 140px !important; } .m-xl-144 { margin: 144px !important; } .m-xl-148 { margin: 148px !important; } .m-xl-152 { margin: 152px !important; } .m-xl-156 { margin: 156px !important; } .m-xl-160 { margin: 160px !important; } .m-xl-164 { margin: 164px !important; } .m-xl-168 { margin: 168px !important; } .m-xl-172 { margin: 172px !important; } .m-xl-176 { margin: 176px !important; } .m-xl-180 { margin: 180px !important; } .m-xl-184 { margin: 184px !important; } .m-xl-188 { margin: 188px !important; } .m-xl-192 { margin: 192px !important; } .m-xl-196 { margin: 196px !important; } .m-xl-200 { margin: 200px !important; } .m-xl-204 { margin: 204px !important; } .m-xl-208 { margin: 208px !important; } .m-xl-212 { margin: 212px !important; } .m-xl-216 { margin: 216px !important; } .m-xl-220 { margin: 220px !important; } .m-xl-224 { margin: 224px !important; } .m-xl-228 { margin: 228px !important; } .m-xl-232 { margin: 232px !important; } .m-xl-236 { margin: 236px !important; } .m-xl-240 { margin: 240px !important; } .m-xl-244 { margin: 244px !important; } .m-xl-248 { margin: 248px !important; } .m-xl-252 { margin: 252px !important; } .m-xl-256 { margin: 256px !important; } .mx-xl-0 { margin-right: 0px !important; margin-left: 0px !important; } .my-xl-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .mx-xl-4 { margin-right: 4px !important; margin-left: 4px !important; } .my-xl-4 { margin-top: 4px !important; margin-bottom: 4px !important; } .mx-xl-8 { margin-right: 8px !important; margin-left: 8px !important; } .my-xl-8 { margin-top: 8px !important; margin-bottom: 8px !important; } .mx-xl-12 { margin-right: 12px !important; margin-left: 12px !important; } .my-xl-12 { margin-top: 12px !important; margin-bottom: 12px !important; } .mx-xl-16 { margin-right: 16px !important; margin-left: 16px !important; } .my-xl-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .mx-xl-20 { margin-right: 20px !important; margin-left: 20px !important; } .my-xl-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .mx-xl-24 { margin-right: 24px !important; margin-left: 24px !important; } .my-xl-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .mx-xl-28 { margin-right: 28px !important; margin-left: 28px !important; } .my-xl-28 { margin-top: 28px !important; margin-bottom: 28px !important; } .mx-xl-32 { margin-right: 32px !important; margin-left: 32px !important; } .my-xl-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .mx-xl-36 { margin-right: 36px !important; margin-left: 36px !important; } .my-xl-36 { margin-top: 36px !important; margin-bottom: 36px !important; } .mx-xl-40 { margin-right: 40px !important; margin-left: 40px !important; } .my-xl-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .mx-xl-44 { margin-right: 44px !important; margin-left: 44px !important; } .my-xl-44 { margin-top: 44px !important; margin-bottom: 44px !important; } .mx-xl-48 { margin-right: 48px !important; margin-left: 48px !important; } .my-xl-48 { margin-top: 48px !important; margin-bottom: 48px !important; } .mx-xl-52 { margin-right: 52px !important; margin-left: 52px !important; } .my-xl-52 { margin-top: 52px !important; margin-bottom: 52px !important; } .mx-xl-56 { margin-right: 56px !important; margin-left: 56px !important; } .my-xl-56 { margin-top: 56px !important; margin-bottom: 56px !important; } .mx-xl-60 { margin-right: 60px !important; margin-left: 60px !important; } .my-xl-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .mx-xl-64 { margin-right: 64px !important; margin-left: 64px !important; } .my-xl-64 { margin-top: 64px !important; margin-bottom: 64px !important; } .mx-xl-68 { margin-right: 68px !important; margin-left: 68px !important; } .my-xl-68 { margin-top: 68px !important; margin-bottom: 68px !important; } .mx-xl-72 { margin-right: 72px !important; margin-left: 72px !important; } .my-xl-72 { margin-top: 72px !important; margin-bottom: 72px !important; } .mx-xl-76 { margin-right: 76px !important; margin-left: 76px !important; } .my-xl-76 { margin-top: 76px !important; margin-bottom: 76px !important; } .mx-xl-80 { margin-right: 80px !important; margin-left: 80px !important; } .my-xl-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .mx-xl-84 { margin-right: 84px !important; margin-left: 84px !important; } .my-xl-84 { margin-top: 84px !important; margin-bottom: 84px !important; } .mx-xl-88 { margin-right: 88px !important; margin-left: 88px !important; } .my-xl-88 { margin-top: 88px !important; margin-bottom: 88px !important; } .mx-xl-92 { margin-right: 92px !important; margin-left: 92px !important; } .my-xl-92 { margin-top: 92px !important; margin-bottom: 92px !important; } .mx-xl-96 { margin-right: 96px !important; margin-left: 96px !important; } .my-xl-96 { margin-top: 96px !important; margin-bottom: 96px !important; } .mx-xl-100 { margin-right: 100px !important; margin-left: 100px !important; } .my-xl-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .mx-xl-104 { margin-right: 104px !important; margin-left: 104px !important; } .my-xl-104 { margin-top: 104px !important; margin-bottom: 104px !important; } .mx-xl-108 { margin-right: 108px !important; margin-left: 108px !important; } .my-xl-108 { margin-top: 108px !important; margin-bottom: 108px !important; } .mx-xl-112 { margin-right: 112px !important; margin-left: 112px !important; } .my-xl-112 { margin-top: 112px !important; margin-bottom: 112px !important; } .mx-xl-116 { margin-right: 116px !important; margin-left: 116px !important; } .my-xl-116 { margin-top: 116px !important; margin-bottom: 116px !important; } .mx-xl-120 { margin-right: 120px !important; margin-left: 120px !important; } .my-xl-120 { margin-top: 120px !important; margin-bottom: 120px !important; } .mx-xl-124 { margin-right: 124px !important; margin-left: 124px !important; } .my-xl-124 { margin-top: 124px !important; margin-bottom: 124px !important; } .mx-xl-128 { margin-right: 128px !important; margin-left: 128px !important; } .my-xl-128 { margin-top: 128px !important; margin-bottom: 128px !important; } .mx-xl-132 { margin-right: 132px !important; margin-left: 132px !important; } .my-xl-132 { margin-top: 132px !important; margin-bottom: 132px !important; } .mx-xl-136 { margin-right: 136px !important; margin-left: 136px !important; } .my-xl-136 { margin-top: 136px !important; margin-bottom: 136px !important; } .mx-xl-140 { margin-right: 140px !important; margin-left: 140px !important; } .my-xl-140 { margin-top: 140px !important; margin-bottom: 140px !important; } .mx-xl-144 { margin-right: 144px !important; margin-left: 144px !important; } .my-xl-144 { margin-top: 144px !important; margin-bottom: 144px !important; } .mx-xl-148 { margin-right: 148px !important; margin-left: 148px !important; } .my-xl-148 { margin-top: 148px !important; margin-bottom: 148px !important; } .mx-xl-152 { margin-right: 152px !important; margin-left: 152px !important; } .my-xl-152 { margin-top: 152px !important; margin-bottom: 152px !important; } .mx-xl-156 { margin-right: 156px !important; margin-left: 156px !important; } .my-xl-156 { margin-top: 156px !important; margin-bottom: 156px !important; } .mx-xl-160 { margin-right: 160px !important; margin-left: 160px !important; } .my-xl-160 { margin-top: 160px !important; margin-bottom: 160px !important; } .mx-xl-164 { margin-right: 164px !important; margin-left: 164px !important; } .my-xl-164 { margin-top: 164px !important; margin-bottom: 164px !important; } .mx-xl-168 { margin-right: 168px !important; margin-left: 168px !important; } .my-xl-168 { margin-top: 168px !important; margin-bottom: 168px !important; } .mx-xl-172 { margin-right: 172px !important; margin-left: 172px !important; } .my-xl-172 { margin-top: 172px !important; margin-bottom: 172px !important; } .mx-xl-176 { margin-right: 176px !important; margin-left: 176px !important; } .my-xl-176 { margin-top: 176px !important; margin-bottom: 176px !important; } .mx-xl-180 { margin-right: 180px !important; margin-left: 180px !important; } .my-xl-180 { margin-top: 180px !important; margin-bottom: 180px !important; } .mx-xl-184 { margin-right: 184px !important; margin-left: 184px !important; } .my-xl-184 { margin-top: 184px !important; margin-bottom: 184px !important; } .mx-xl-188 { margin-right: 188px !important; margin-left: 188px !important; } .my-xl-188 { margin-top: 188px !important; margin-bottom: 188px !important; } .mx-xl-192 { margin-right: 192px !important; margin-left: 192px !important; } .my-xl-192 { margin-top: 192px !important; margin-bottom: 192px !important; } .mx-xl-196 { margin-right: 196px !important; margin-left: 196px !important; } .my-xl-196 { margin-top: 196px !important; margin-bottom: 196px !important; } .mx-xl-200 { margin-right: 200px !important; margin-left: 200px !important; } .my-xl-200 { margin-top: 200px !important; margin-bottom: 200px !important; } .mx-xl-204 { margin-right: 204px !important; margin-left: 204px !important; } .my-xl-204 { margin-top: 204px !important; margin-bottom: 204px !important; } .mx-xl-208 { margin-right: 208px !important; margin-left: 208px !important; } .my-xl-208 { margin-top: 208px !important; margin-bottom: 208px !important; } .mx-xl-212 { margin-right: 212px !important; margin-left: 212px !important; } .my-xl-212 { margin-top: 212px !important; margin-bottom: 212px !important; } .mx-xl-216 { margin-right: 216px !important; margin-left: 216px !important; } .my-xl-216 { margin-top: 216px !important; margin-bottom: 216px !important; } .mx-xl-220 { margin-right: 220px !important; margin-left: 220px !important; } .my-xl-220 { margin-top: 220px !important; margin-bottom: 220px !important; } .mx-xl-224 { margin-right: 224px !important; margin-left: 224px !important; } .my-xl-224 { margin-top: 224px !important; margin-bottom: 224px !important; } .mx-xl-228 { margin-right: 228px !important; margin-left: 228px !important; } .my-xl-228 { margin-top: 228px !important; margin-bottom: 228px !important; } .mx-xl-232 { margin-right: 232px !important; margin-left: 232px !important; } .my-xl-232 { margin-top: 232px !important; margin-bottom: 232px !important; } .mx-xl-236 { margin-right: 236px !important; margin-left: 236px !important; } .my-xl-236 { margin-top: 236px !important; margin-bottom: 236px !important; } .mx-xl-240 { margin-right: 240px !important; margin-left: 240px !important; } .my-xl-240 { margin-top: 240px !important; margin-bottom: 240px !important; } .mx-xl-244 { margin-right: 244px !important; margin-left: 244px !important; } .my-xl-244 { margin-top: 244px !important; margin-bottom: 244px !important; } .mx-xl-248 { margin-right: 248px !important; margin-left: 248px !important; } .my-xl-248 { margin-top: 248px !important; margin-bottom: 248px !important; } .mx-xl-252 { margin-right: 252px !important; margin-left: 252px !important; } .my-xl-252 { margin-top: 252px !important; margin-bottom: 252px !important; } .mx-xl-256 { margin-right: 256px !important; margin-left: 256px !important; } .my-xl-256 { margin-top: 256px !important; margin-bottom: 256px !important; } .mt-xl-0 { margin-top: 0px !important; } .mr-xl-0 { margin-right: 0px !important; } .mb-xl-0 { margin-bottom: 0px !important; } .ml-xl-0 { margin-left: 0px !important; } .mt-xl-4 { margin-top: 4px !important; } .mr-xl-4 { margin-right: 4px !important; } .mb-xl-4 { margin-bottom: 4px !important; } .ml-xl-4 { margin-left: 4px !important; } .mt-xl-8 { margin-top: 8px !important; } .mr-xl-8 { margin-right: 8px !important; } .mb-xl-8 { margin-bottom: 8px !important; } .ml-xl-8 { margin-left: 8px !important; } .mt-xl-12 { margin-top: 12px !important; } .mr-xl-12 { margin-right: 12px !important; } .mb-xl-12 { margin-bottom: 12px !important; } .ml-xl-12 { margin-left: 12px !important; } .mt-xl-16 { margin-top: 16px !important; } .mr-xl-16 { margin-right: 16px !important; } .mb-xl-16 { margin-bottom: 16px !important; } .ml-xl-16 { margin-left: 16px !important; } .mt-xl-20 { margin-top: 20px !important; } .mr-xl-20 { margin-right: 20px !important; } .mb-xl-20 { margin-bottom: 20px !important; } .ml-xl-20 { margin-left: 20px !important; } .mt-xl-24 { margin-top: 24px !important; } .mr-xl-24 { margin-right: 24px !important; } .mb-xl-24 { margin-bottom: 24px !important; } .ml-xl-24 { margin-left: 24px !important; } .mt-xl-28 { margin-top: 28px !important; } .mr-xl-28 { margin-right: 28px !important; } .mb-xl-28 { margin-bottom: 28px !important; } .ml-xl-28 { margin-left: 28px !important; } .mt-xl-32 { margin-top: 32px !important; } .mr-xl-32 { margin-right: 32px !important; } .mb-xl-32 { margin-bottom: 32px !important; } .ml-xl-32 { margin-left: 32px !important; } .mt-xl-36 { margin-top: 36px !important; } .mr-xl-36 { margin-right: 36px !important; } .mb-xl-36 { margin-bottom: 36px !important; } .ml-xl-36 { margin-left: 36px !important; } .mt-xl-40 { margin-top: 40px !important; } .mr-xl-40 { margin-right: 40px !important; } .mb-xl-40 { margin-bottom: 40px !important; } .ml-xl-40 { margin-left: 40px !important; } .mt-xl-44 { margin-top: 44px !important; } .mr-xl-44 { margin-right: 44px !important; } .mb-xl-44 { margin-bottom: 44px !important; } .ml-xl-44 { margin-left: 44px !important; } .mt-xl-48 { margin-top: 48px !important; } .mr-xl-48 { margin-right: 48px !important; } .mb-xl-48 { margin-bottom: 48px !important; } .ml-xl-48 { margin-left: 48px !important; } .mt-xl-52 { margin-top: 52px !important; } .mr-xl-52 { margin-right: 52px !important; } .mb-xl-52 { margin-bottom: 52px !important; } .ml-xl-52 { margin-left: 52px !important; } .mt-xl-56 { margin-top: 56px !important; } .mr-xl-56 { margin-right: 56px !important; } .mb-xl-56 { margin-bottom: 56px !important; } .ml-xl-56 { margin-left: 56px !important; } .mt-xl-60 { margin-top: 60px !important; } .mr-xl-60 { margin-right: 60px !important; } .mb-xl-60 { margin-bottom: 60px !important; } .ml-xl-60 { margin-left: 60px !important; } .mt-xl-64 { margin-top: 64px !important; } .mr-xl-64 { margin-right: 64px !important; } .mb-xl-64 { margin-bottom: 64px !important; } .ml-xl-64 { margin-left: 64px !important; } .mt-xl-68 { margin-top: 68px !important; } .mr-xl-68 { margin-right: 68px !important; } .mb-xl-68 { margin-bottom: 68px !important; } .ml-xl-68 { margin-left: 68px !important; } .mt-xl-72 { margin-top: 72px !important; } .mr-xl-72 { margin-right: 72px !important; } .mb-xl-72 { margin-bottom: 72px !important; } .ml-xl-72 { margin-left: 72px !important; } .mt-xl-76 { margin-top: 76px !important; } .mr-xl-76 { margin-right: 76px !important; } .mb-xl-76 { margin-bottom: 76px !important; } .ml-xl-76 { margin-left: 76px !important; } .mt-xl-80 { margin-top: 80px !important; } .mr-xl-80 { margin-right: 80px !important; } .mb-xl-80 { margin-bottom: 80px !important; } .ml-xl-80 { margin-left: 80px !important; } .mt-xl-84 { margin-top: 84px !important; } .mr-xl-84 { margin-right: 84px !important; } .mb-xl-84 { margin-bottom: 84px !important; } .ml-xl-84 { margin-left: 84px !important; } .mt-xl-88 { margin-top: 88px !important; } .mr-xl-88 { margin-right: 88px !important; } .mb-xl-88 { margin-bottom: 88px !important; } .ml-xl-88 { margin-left: 88px !important; } .mt-xl-92 { margin-top: 92px !important; } .mr-xl-92 { margin-right: 92px !important; } .mb-xl-92 { margin-bottom: 92px !important; } .ml-xl-92 { margin-left: 92px !important; } .mt-xl-96 { margin-top: 96px !important; } .mr-xl-96 { margin-right: 96px !important; } .mb-xl-96 { margin-bottom: 96px !important; } .ml-xl-96 { margin-left: 96px !important; } .mt-xl-100 { margin-top: 100px !important; } .mr-xl-100 { margin-right: 100px !important; } .mb-xl-100 { margin-bottom: 100px !important; } .ml-xl-100 { margin-left: 100px !important; } .mt-xl-104 { margin-top: 104px !important; } .mr-xl-104 { margin-right: 104px !important; } .mb-xl-104 { margin-bottom: 104px !important; } .ml-xl-104 { margin-left: 104px !important; } .mt-xl-108 { margin-top: 108px !important; } .mr-xl-108 { margin-right: 108px !important; } .mb-xl-108 { margin-bottom: 108px !important; } .ml-xl-108 { margin-left: 108px !important; } .mt-xl-112 { margin-top: 112px !important; } .mr-xl-112 { margin-right: 112px !important; } .mb-xl-112 { margin-bottom: 112px !important; } .ml-xl-112 { margin-left: 112px !important; } .mt-xl-116 { margin-top: 116px !important; } .mr-xl-116 { margin-right: 116px !important; } .mb-xl-116 { margin-bottom: 116px !important; } .ml-xl-116 { margin-left: 116px !important; } .mt-xl-120 { margin-top: 120px !important; } .mr-xl-120 { margin-right: 120px !important; } .mb-xl-120 { margin-bottom: 120px !important; } .ml-xl-120 { margin-left: 120px !important; } .mt-xl-124 { margin-top: 124px !important; } .mr-xl-124 { margin-right: 124px !important; } .mb-xl-124 { margin-bottom: 124px !important; } .ml-xl-124 { margin-left: 124px !important; } .mt-xl-128 { margin-top: 128px !important; } .mr-xl-128 { margin-right: 128px !important; } .mb-xl-128 { margin-bottom: 128px !important; } .ml-xl-128 { margin-left: 128px !important; } .mt-xl-132 { margin-top: 132px !important; } .mr-xl-132 { margin-right: 132px !important; } .mb-xl-132 { margin-bottom: 132px !important; } .ml-xl-132 { margin-left: 132px !important; } .mt-xl-136 { margin-top: 136px !important; } .mr-xl-136 { margin-right: 136px !important; } .mb-xl-136 { margin-bottom: 136px !important; } .ml-xl-136 { margin-left: 136px !important; } .mt-xl-140 { margin-top: 140px !important; } .mr-xl-140 { margin-right: 140px !important; } .mb-xl-140 { margin-bottom: 140px !important; } .ml-xl-140 { margin-left: 140px !important; } .mt-xl-144 { margin-top: 144px !important; } .mr-xl-144 { margin-right: 144px !important; } .mb-xl-144 { margin-bottom: 144px !important; } .ml-xl-144 { margin-left: 144px !important; } .mt-xl-148 { margin-top: 148px !important; } .mr-xl-148 { margin-right: 148px !important; } .mb-xl-148 { margin-bottom: 148px !important; } .ml-xl-148 { margin-left: 148px !important; } .mt-xl-152 { margin-top: 152px !important; } .mr-xl-152 { margin-right: 152px !important; } .mb-xl-152 { margin-bottom: 152px !important; } .ml-xl-152 { margin-left: 152px !important; } .mt-xl-156 { margin-top: 156px !important; } .mr-xl-156 { margin-right: 156px !important; } .mb-xl-156 { margin-bottom: 156px !important; } .ml-xl-156 { margin-left: 156px !important; } .mt-xl-160 { margin-top: 160px !important; } .mr-xl-160 { margin-right: 160px !important; } .mb-xl-160 { margin-bottom: 160px !important; } .ml-xl-160 { margin-left: 160px !important; } .mt-xl-164 { margin-top: 164px !important; } .mr-xl-164 { margin-right: 164px !important; } .mb-xl-164 { margin-bottom: 164px !important; } .ml-xl-164 { margin-left: 164px !important; } .mt-xl-168 { margin-top: 168px !important; } .mr-xl-168 { margin-right: 168px !important; } .mb-xl-168 { margin-bottom: 168px !important; } .ml-xl-168 { margin-left: 168px !important; } .mt-xl-172 { margin-top: 172px !important; } .mr-xl-172 { margin-right: 172px !important; } .mb-xl-172 { margin-bottom: 172px !important; } .ml-xl-172 { margin-left: 172px !important; } .mt-xl-176 { margin-top: 176px !important; } .mr-xl-176 { margin-right: 176px !important; } .mb-xl-176 { margin-bottom: 176px !important; } .ml-xl-176 { margin-left: 176px !important; } .mt-xl-180 { margin-top: 180px !important; } .mr-xl-180 { margin-right: 180px !important; } .mb-xl-180 { margin-bottom: 180px !important; } .ml-xl-180 { margin-left: 180px !important; } .mt-xl-184 { margin-top: 184px !important; } .mr-xl-184 { margin-right: 184px !important; } .mb-xl-184 { margin-bottom: 184px !important; } .ml-xl-184 { margin-left: 184px !important; } .mt-xl-188 { margin-top: 188px !important; } .mr-xl-188 { margin-right: 188px !important; } .mb-xl-188 { margin-bottom: 188px !important; } .ml-xl-188 { margin-left: 188px !important; } .mt-xl-192 { margin-top: 192px !important; } .mr-xl-192 { margin-right: 192px !important; } .mb-xl-192 { margin-bottom: 192px !important; } .ml-xl-192 { margin-left: 192px !important; } .mt-xl-196 { margin-top: 196px !important; } .mr-xl-196 { margin-right: 196px !important; } .mb-xl-196 { margin-bottom: 196px !important; } .ml-xl-196 { margin-left: 196px !important; } .mt-xl-200 { margin-top: 200px !important; } .mr-xl-200 { margin-right: 200px !important; } .mb-xl-200 { margin-bottom: 200px !important; } .ml-xl-200 { margin-left: 200px !important; } .mt-xl-204 { margin-top: 204px !important; } .mr-xl-204 { margin-right: 204px !important; } .mb-xl-204 { margin-bottom: 204px !important; } .ml-xl-204 { margin-left: 204px !important; } .mt-xl-208 { margin-top: 208px !important; } .mr-xl-208 { margin-right: 208px !important; } .mb-xl-208 { margin-bottom: 208px !important; } .ml-xl-208 { margin-left: 208px !important; } .mt-xl-212 { margin-top: 212px !important; } .mr-xl-212 { margin-right: 212px !important; } .mb-xl-212 { margin-bottom: 212px !important; } .ml-xl-212 { margin-left: 212px !important; } .mt-xl-216 { margin-top: 216px !important; } .mr-xl-216 { margin-right: 216px !important; } .mb-xl-216 { margin-bottom: 216px !important; } .ml-xl-216 { margin-left: 216px !important; } .mt-xl-220 { margin-top: 220px !important; } .mr-xl-220 { margin-right: 220px !important; } .mb-xl-220 { margin-bottom: 220px !important; } .ml-xl-220 { margin-left: 220px !important; } .mt-xl-224 { margin-top: 224px !important; } .mr-xl-224 { margin-right: 224px !important; } .mb-xl-224 { margin-bottom: 224px !important; } .ml-xl-224 { margin-left: 224px !important; } .mt-xl-228 { margin-top: 228px !important; } .mr-xl-228 { margin-right: 228px !important; } .mb-xl-228 { margin-bottom: 228px !important; } .ml-xl-228 { margin-left: 228px !important; } .mt-xl-232 { margin-top: 232px !important; } .mr-xl-232 { margin-right: 232px !important; } .mb-xl-232 { margin-bottom: 232px !important; } .ml-xl-232 { margin-left: 232px !important; } .mt-xl-236 { margin-top: 236px !important; } .mr-xl-236 { margin-right: 236px !important; } .mb-xl-236 { margin-bottom: 236px !important; } .ml-xl-236 { margin-left: 236px !important; } .mt-xl-240 { margin-top: 240px !important; } .mr-xl-240 { margin-right: 240px !important; } .mb-xl-240 { margin-bottom: 240px !important; } .ml-xl-240 { margin-left: 240px !important; } .mt-xl-244 { margin-top: 244px !important; } .mr-xl-244 { margin-right: 244px !important; } .mb-xl-244 { margin-bottom: 244px !important; } .ml-xl-244 { margin-left: 244px !important; } .mt-xl-248 { margin-top: 248px !important; } .mr-xl-248 { margin-right: 248px !important; } .mb-xl-248 { margin-bottom: 248px !important; } .ml-xl-248 { margin-left: 248px !important; } .mt-xl-252 { margin-top: 252px !important; } .mr-xl-252 { margin-right: 252px !important; } .mb-xl-252 { margin-bottom: 252px !important; } .ml-xl-252 { margin-left: 252px !important; } .mt-xl-256 { margin-top: 256px !important; } .mr-xl-256 { margin-right: 256px !important; } .mb-xl-256 { margin-bottom: 256px !important; } .ml-xl-256 { margin-left: 256px !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto { margin-top: auto !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-auto { margin-left: auto !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .p-xl-0 { padding: 0px !important; } .p-xl-4 { padding: 4px !important; } .p-xl-8 { padding: 8px !important; } .p-xl-12 { padding: 12px !important; } .p-xl-16 { padding: 16px !important; } .p-xl-20 { padding: 20px !important; } .p-xl-24 { padding: 24px !important; } .p-xl-28 { padding: 28px !important; } .p-xl-32 { padding: 32px !important; } .p-xl-36 { padding: 36px !important; } .p-xl-40 { padding: 40px !important; } .p-xl-44 { padding: 44px !important; } .p-xl-48 { padding: 48px !important; } .p-xl-52 { padding: 52px !important; } .p-xl-56 { padding: 56px !important; } .p-xl-60 { padding: 60px !important; } .p-xl-64 { padding: 64px !important; } .p-xl-68 { padding: 68px !important; } .p-xl-72 { padding: 72px !important; } .p-xl-76 { padding: 76px !important; } .p-xl-80 { padding: 80px !important; } .p-xl-84 { padding: 84px !important; } .p-xl-88 { padding: 88px !important; } .p-xl-92 { padding: 92px !important; } .p-xl-96 { padding: 96px !important; } .p-xl-100 { padding: 100px !important; } .p-xl-104 { padding: 104px !important; } .p-xl-108 { padding: 108px !important; } .p-xl-112 { padding: 112px !important; } .p-xl-116 { padding: 116px !important; } .p-xl-120 { padding: 120px !important; } .p-xl-124 { padding: 124px !important; } .p-xl-128 { padding: 128px !important; } .p-xl-132 { padding: 132px !important; } .p-xl-136 { padding: 136px !important; } .p-xl-140 { padding: 140px !important; } .p-xl-144 { padding: 144px !important; } .p-xl-148 { padding: 148px !important; } .p-xl-152 { padding: 152px !important; } .p-xl-156 { padding: 156px !important; } .p-xl-160 { padding: 160px !important; } .p-xl-164 { padding: 164px !important; } .p-xl-168 { padding: 168px !important; } .p-xl-172 { padding: 172px !important; } .p-xl-176 { padding: 176px !important; } .p-xl-180 { padding: 180px !important; } .p-xl-184 { padding: 184px !important; } .p-xl-188 { padding: 188px !important; } .p-xl-192 { padding: 192px !important; } .p-xl-196 { padding: 196px !important; } .p-xl-200 { padding: 200px !important; } .p-xl-204 { padding: 204px !important; } .p-xl-208 { padding: 208px !important; } .p-xl-212 { padding: 212px !important; } .p-xl-216 { padding: 216px !important; } .p-xl-220 { padding: 220px !important; } .p-xl-224 { padding: 224px !important; } .p-xl-228 { padding: 228px !important; } .p-xl-232 { padding: 232px !important; } .p-xl-236 { padding: 236px !important; } .p-xl-240 { padding: 240px !important; } .p-xl-244 { padding: 244px !important; } .p-xl-248 { padding: 248px !important; } .p-xl-252 { padding: 252px !important; } .p-xl-256 { padding: 256px !important; } .px-xl-0 { padding-right: 0px !important; padding-left: 0px !important; } .py-xl-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .px-xl-4 { padding-right: 4px !important; padding-left: 4px !important; } .py-xl-4 { padding-top: 4px !important; padding-bottom: 4px !important; } .px-xl-8 { padding-right: 8px !important; padding-left: 8px !important; } .py-xl-8 { padding-top: 8px !important; padding-bottom: 8px !important; } .px-xl-12 { padding-right: 12px !important; padding-left: 12px !important; } .py-xl-12 { padding-top: 12px !important; padding-bottom: 12px !important; } .px-xl-16 { padding-right: 16px !important; padding-left: 16px !important; } .py-xl-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .px-xl-20 { padding-right: 20px !important; padding-left: 20px !important; } .py-xl-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .px-xl-24 { padding-right: 24px !important; padding-left: 24px !important; } .py-xl-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .px-xl-28 { padding-right: 28px !important; padding-left: 28px !important; } .py-xl-28 { padding-top: 28px !important; padding-bottom: 28px !important; } .px-xl-32 { padding-right: 32px !important; padding-left: 32px !important; } .py-xl-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .px-xl-36 { padding-right: 36px !important; padding-left: 36px !important; } .py-xl-36 { padding-top: 36px !important; padding-bottom: 36px !important; } .px-xl-40 { padding-right: 40px !important; padding-left: 40px !important; } .py-xl-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .px-xl-44 { padding-right: 44px !important; padding-left: 44px !important; } .py-xl-44 { padding-top: 44px !important; padding-bottom: 44px !important; } .px-xl-48 { padding-right: 48px !important; padding-left: 48px !important; } .py-xl-48 { padding-top: 48px !important; padding-bottom: 48px !important; } .px-xl-52 { padding-right: 52px !important; padding-left: 52px !important; } .py-xl-52 { padding-top: 52px !important; padding-bottom: 52px !important; } .px-xl-56 { padding-right: 56px !important; padding-left: 56px !important; } .py-xl-56 { padding-top: 56px !important; padding-bottom: 56px !important; } .px-xl-60 { padding-right: 60px !important; padding-left: 60px !important; } .py-xl-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .px-xl-64 { padding-right: 64px !important; padding-left: 64px !important; } .py-xl-64 { padding-top: 64px !important; padding-bottom: 64px !important; } .px-xl-68 { padding-right: 68px !important; padding-left: 68px !important; } .py-xl-68 { padding-top: 68px !important; padding-bottom: 68px !important; } .px-xl-72 { padding-right: 72px !important; padding-left: 72px !important; } .py-xl-72 { padding-top: 72px !important; padding-bottom: 72px !important; } .px-xl-76 { padding-right: 76px !important; padding-left: 76px !important; } .py-xl-76 { padding-top: 76px !important; padding-bottom: 76px !important; } .px-xl-80 { padding-right: 80px !important; padding-left: 80px !important; } .py-xl-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .px-xl-84 { padding-right: 84px !important; padding-left: 84px !important; } .py-xl-84 { padding-top: 84px !important; padding-bottom: 84px !important; } .px-xl-88 { padding-right: 88px !important; padding-left: 88px !important; } .py-xl-88 { padding-top: 88px !important; padding-bottom: 88px !important; } .px-xl-92 { padding-right: 92px !important; padding-left: 92px !important; } .py-xl-92 { padding-top: 92px !important; padding-bottom: 92px !important; } .px-xl-96 { padding-right: 96px !important; padding-left: 96px !important; } .py-xl-96 { padding-top: 96px !important; padding-bottom: 96px !important; } .px-xl-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-xl-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .px-xl-104 { padding-right: 104px !important; padding-left: 104px !important; } .py-xl-104 { padding-top: 104px !important; padding-bottom: 104px !important; } .px-xl-108 { padding-right: 108px !important; padding-left: 108px !important; } .py-xl-108 { padding-top: 108px !important; padding-bottom: 108px !important; } .px-xl-112 { padding-right: 112px !important; padding-left: 112px !important; } .py-xl-112 { padding-top: 112px !important; padding-bottom: 112px !important; } .px-xl-116 { padding-right: 116px !important; padding-left: 116px !important; } .py-xl-116 { padding-top: 116px !important; padding-bottom: 116px !important; } .px-xl-120 { padding-right: 120px !important; padding-left: 120px !important; } .py-xl-120 { padding-top: 120px !important; padding-bottom: 120px !important; } .px-xl-124 { padding-right: 124px !important; padding-left: 124px !important; } .py-xl-124 { padding-top: 124px !important; padding-bottom: 124px !important; } .px-xl-128 { padding-right: 128px !important; padding-left: 128px !important; } .py-xl-128 { padding-top: 128px !important; padding-bottom: 128px !important; } .px-xl-132 { padding-right: 132px !important; padding-left: 132px !important; } .py-xl-132 { padding-top: 132px !important; padding-bottom: 132px !important; } .px-xl-136 { padding-right: 136px !important; padding-left: 136px !important; } .py-xl-136 { padding-top: 136px !important; padding-bottom: 136px !important; } .px-xl-140 { padding-right: 140px !important; padding-left: 140px !important; } .py-xl-140 { padding-top: 140px !important; padding-bottom: 140px !important; } .px-xl-144 { padding-right: 144px !important; padding-left: 144px !important; } .py-xl-144 { padding-top: 144px !important; padding-bottom: 144px !important; } .px-xl-148 { padding-right: 148px !important; padding-left: 148px !important; } .py-xl-148 { padding-top: 148px !important; padding-bottom: 148px !important; } .px-xl-152 { padding-right: 152px !important; padding-left: 152px !important; } .py-xl-152 { padding-top: 152px !important; padding-bottom: 152px !important; } .px-xl-156 { padding-right: 156px !important; padding-left: 156px !important; } .py-xl-156 { padding-top: 156px !important; padding-bottom: 156px !important; } .px-xl-160 { padding-right: 160px !important; padding-left: 160px !important; } .py-xl-160 { padding-top: 160px !important; padding-bottom: 160px !important; } .px-xl-164 { padding-right: 164px !important; padding-left: 164px !important; } .py-xl-164 { padding-top: 164px !important; padding-bottom: 164px !important; } .px-xl-168 { padding-right: 168px !important; padding-left: 168px !important; } .py-xl-168 { padding-top: 168px !important; padding-bottom: 168px !important; } .px-xl-172 { padding-right: 172px !important; padding-left: 172px !important; } .py-xl-172 { padding-top: 172px !important; padding-bottom: 172px !important; } .px-xl-176 { padding-right: 176px !important; padding-left: 176px !important; } .py-xl-176 { padding-top: 176px !important; padding-bottom: 176px !important; } .px-xl-180 { padding-right: 180px !important; padding-left: 180px !important; } .py-xl-180 { padding-top: 180px !important; padding-bottom: 180px !important; } .px-xl-184 { padding-right: 184px !important; padding-left: 184px !important; } .py-xl-184 { padding-top: 184px !important; padding-bottom: 184px !important; } .px-xl-188 { padding-right: 188px !important; padding-left: 188px !important; } .py-xl-188 { padding-top: 188px !important; padding-bottom: 188px !important; } .px-xl-192 { padding-right: 192px !important; padding-left: 192px !important; } .py-xl-192 { padding-top: 192px !important; padding-bottom: 192px !important; } .px-xl-196 { padding-right: 196px !important; padding-left: 196px !important; } .py-xl-196 { padding-top: 196px !important; padding-bottom: 196px !important; } .px-xl-200 { padding-right: 200px !important; padding-left: 200px !important; } .py-xl-200 { padding-top: 200px !important; padding-bottom: 200px !important; } .px-xl-204 { padding-right: 204px !important; padding-left: 204px !important; } .py-xl-204 { padding-top: 204px !important; padding-bottom: 204px !important; } .px-xl-208 { padding-right: 208px !important; padding-left: 208px !important; } .py-xl-208 { padding-top: 208px !important; padding-bottom: 208px !important; } .px-xl-212 { padding-right: 212px !important; padding-left: 212px !important; } .py-xl-212 { padding-top: 212px !important; padding-bottom: 212px !important; } .px-xl-216 { padding-right: 216px !important; padding-left: 216px !important; } .py-xl-216 { padding-top: 216px !important; padding-bottom: 216px !important; } .px-xl-220 { padding-right: 220px !important; padding-left: 220px !important; } .py-xl-220 { padding-top: 220px !important; padding-bottom: 220px !important; } .px-xl-224 { padding-right: 224px !important; padding-left: 224px !important; } .py-xl-224 { padding-top: 224px !important; padding-bottom: 224px !important; } .px-xl-228 { padding-right: 228px !important; padding-left: 228px !important; } .py-xl-228 { padding-top: 228px !important; padding-bottom: 228px !important; } .px-xl-232 { padding-right: 232px !important; padding-left: 232px !important; } .py-xl-232 { padding-top: 232px !important; padding-bottom: 232px !important; } .px-xl-236 { padding-right: 236px !important; padding-left: 236px !important; } .py-xl-236 { padding-top: 236px !important; padding-bottom: 236px !important; } .px-xl-240 { padding-right: 240px !important; padding-left: 240px !important; } .py-xl-240 { padding-top: 240px !important; padding-bottom: 240px !important; } .px-xl-244 { padding-right: 244px !important; padding-left: 244px !important; } .py-xl-244 { padding-top: 244px !important; padding-bottom: 244px !important; } .px-xl-248 { padding-right: 248px !important; padding-left: 248px !important; } .py-xl-248 { padding-top: 248px !important; padding-bottom: 248px !important; } .px-xl-252 { padding-right: 252px !important; padding-left: 252px !important; } .py-xl-252 { padding-top: 252px !important; padding-bottom: 252px !important; } .px-xl-256 { padding-right: 256px !important; padding-left: 256px !important; } .py-xl-256 { padding-top: 256px !important; padding-bottom: 256px !important; } .pt-xl-0 { padding-top: 0px !important; } .pr-xl-0 { padding-right: 0px !important; } .pb-xl-0 { padding-bottom: 0px !important; } .pl-xl-0 { padding-left: 0px !important; } .pt-xl-4 { padding-top: 4px !important; } .pr-xl-4 { padding-right: 4px !important; } .pb-xl-4 { padding-bottom: 4px !important; } .pl-xl-4 { padding-left: 4px !important; } .pt-xl-8 { padding-top: 8px !important; } .pr-xl-8 { padding-right: 8px !important; } .pb-xl-8 { padding-bottom: 8px !important; } .pl-xl-8 { padding-left: 8px !important; } .pt-xl-12 { padding-top: 12px !important; } .pr-xl-12 { padding-right: 12px !important; } .pb-xl-12 { padding-bottom: 12px !important; } .pl-xl-12 { padding-left: 12px !important; } .pt-xl-16 { padding-top: 16px !important; } .pr-xl-16 { padding-right: 16px !important; } .pb-xl-16 { padding-bottom: 16px !important; } .pl-xl-16 { padding-left: 16px !important; } .pt-xl-20 { padding-top: 20px !important; } .pr-xl-20 { padding-right: 20px !important; } .pb-xl-20 { padding-bottom: 20px !important; } .pl-xl-20 { padding-left: 20px !important; } .pt-xl-24 { padding-top: 24px !important; } .pr-xl-24 { padding-right: 24px !important; } .pb-xl-24 { padding-bottom: 24px !important; } .pl-xl-24 { padding-left: 24px !important; } .pt-xl-28 { padding-top: 28px !important; } .pr-xl-28 { padding-right: 28px !important; } .pb-xl-28 { padding-bottom: 28px !important; } .pl-xl-28 { padding-left: 28px !important; } .pt-xl-32 { padding-top: 32px !important; } .pr-xl-32 { padding-right: 32px !important; } .pb-xl-32 { padding-bottom: 32px !important; } .pl-xl-32 { padding-left: 32px !important; } .pt-xl-36 { padding-top: 36px !important; } .pr-xl-36 { padding-right: 36px !important; } .pb-xl-36 { padding-bottom: 36px !important; } .pl-xl-36 { padding-left: 36px !important; } .pt-xl-40 { padding-top: 40px !important; } .pr-xl-40 { padding-right: 40px !important; } .pb-xl-40 { padding-bottom: 40px !important; } .pl-xl-40 { padding-left: 40px !important; } .pt-xl-44 { padding-top: 44px !important; } .pr-xl-44 { padding-right: 44px !important; } .pb-xl-44 { padding-bottom: 44px !important; } .pl-xl-44 { padding-left: 44px !important; } .pt-xl-48 { padding-top: 48px !important; } .pr-xl-48 { padding-right: 48px !important; } .pb-xl-48 { padding-bottom: 48px !important; } .pl-xl-48 { padding-left: 48px !important; } .pt-xl-52 { padding-top: 52px !important; } .pr-xl-52 { padding-right: 52px !important; } .pb-xl-52 { padding-bottom: 52px !important; } .pl-xl-52 { padding-left: 52px !important; } .pt-xl-56 { padding-top: 56px !important; } .pr-xl-56 { padding-right: 56px !important; } .pb-xl-56 { padding-bottom: 56px !important; } .pl-xl-56 { padding-left: 56px !important; } .pt-xl-60 { padding-top: 60px !important; } .pr-xl-60 { padding-right: 60px !important; } .pb-xl-60 { padding-bottom: 60px !important; } .pl-xl-60 { padding-left: 60px !important; } .pt-xl-64 { padding-top: 64px !important; } .pr-xl-64 { padding-right: 64px !important; } .pb-xl-64 { padding-bottom: 64px !important; } .pl-xl-64 { padding-left: 64px !important; } .pt-xl-68 { padding-top: 68px !important; } .pr-xl-68 { padding-right: 68px !important; } .pb-xl-68 { padding-bottom: 68px !important; } .pl-xl-68 { padding-left: 68px !important; } .pt-xl-72 { padding-top: 72px !important; } .pr-xl-72 { padding-right: 72px !important; } .pb-xl-72 { padding-bottom: 72px !important; } .pl-xl-72 { padding-left: 72px !important; } .pt-xl-76 { padding-top: 76px !important; } .pr-xl-76 { padding-right: 76px !important; } .pb-xl-76 { padding-bottom: 76px !important; } .pl-xl-76 { padding-left: 76px !important; } .pt-xl-80 { padding-top: 80px !important; } .pr-xl-80 { padding-right: 80px !important; } .pb-xl-80 { padding-bottom: 80px !important; } .pl-xl-80 { padding-left: 80px !important; } .pt-xl-84 { padding-top: 84px !important; } .pr-xl-84 { padding-right: 84px !important; } .pb-xl-84 { padding-bottom: 84px !important; } .pl-xl-84 { padding-left: 84px !important; } .pt-xl-88 { padding-top: 88px !important; } .pr-xl-88 { padding-right: 88px !important; } .pb-xl-88 { padding-bottom: 88px !important; } .pl-xl-88 { padding-left: 88px !important; } .pt-xl-92 { padding-top: 92px !important; } .pr-xl-92 { padding-right: 92px !important; } .pb-xl-92 { padding-bottom: 92px !important; } .pl-xl-92 { padding-left: 92px !important; } .pt-xl-96 { padding-top: 96px !important; } .pr-xl-96 { padding-right: 96px !important; } .pb-xl-96 { padding-bottom: 96px !important; } .pl-xl-96 { padding-left: 96px !important; } .pt-xl-100 { padding-top: 100px !important; } .pr-xl-100 { padding-right: 100px !important; } .pb-xl-100 { padding-bottom: 100px !important; } .pl-xl-100 { padding-left: 100px !important; } .pt-xl-104 { padding-top: 104px !important; } .pr-xl-104 { padding-right: 104px !important; } .pb-xl-104 { padding-bottom: 104px !important; } .pl-xl-104 { padding-left: 104px !important; } .pt-xl-108 { padding-top: 108px !important; } .pr-xl-108 { padding-right: 108px !important; } .pb-xl-108 { padding-bottom: 108px !important; } .pl-xl-108 { padding-left: 108px !important; } .pt-xl-112 { padding-top: 112px !important; } .pr-xl-112 { padding-right: 112px !important; } .pb-xl-112 { padding-bottom: 112px !important; } .pl-xl-112 { padding-left: 112px !important; } .pt-xl-116 { padding-top: 116px !important; } .pr-xl-116 { padding-right: 116px !important; } .pb-xl-116 { padding-bottom: 116px !important; } .pl-xl-116 { padding-left: 116px !important; } .pt-xl-120 { padding-top: 120px !important; } .pr-xl-120 { padding-right: 120px !important; } .pb-xl-120 { padding-bottom: 120px !important; } .pl-xl-120 { padding-left: 120px !important; } .pt-xl-124 { padding-top: 124px !important; } .pr-xl-124 { padding-right: 124px !important; } .pb-xl-124 { padding-bottom: 124px !important; } .pl-xl-124 { padding-left: 124px !important; } .pt-xl-128 { padding-top: 128px !important; } .pr-xl-128 { padding-right: 128px !important; } .pb-xl-128 { padding-bottom: 128px !important; } .pl-xl-128 { padding-left: 128px !important; } .pt-xl-132 { padding-top: 132px !important; } .pr-xl-132 { padding-right: 132px !important; } .pb-xl-132 { padding-bottom: 132px !important; } .pl-xl-132 { padding-left: 132px !important; } .pt-xl-136 { padding-top: 136px !important; } .pr-xl-136 { padding-right: 136px !important; } .pb-xl-136 { padding-bottom: 136px !important; } .pl-xl-136 { padding-left: 136px !important; } .pt-xl-140 { padding-top: 140px !important; } .pr-xl-140 { padding-right: 140px !important; } .pb-xl-140 { padding-bottom: 140px !important; } .pl-xl-140 { padding-left: 140px !important; } .pt-xl-144 { padding-top: 144px !important; } .pr-xl-144 { padding-right: 144px !important; } .pb-xl-144 { padding-bottom: 144px !important; } .pl-xl-144 { padding-left: 144px !important; } .pt-xl-148 { padding-top: 148px !important; } .pr-xl-148 { padding-right: 148px !important; } .pb-xl-148 { padding-bottom: 148px !important; } .pl-xl-148 { padding-left: 148px !important; } .pt-xl-152 { padding-top: 152px !important; } .pr-xl-152 { padding-right: 152px !important; } .pb-xl-152 { padding-bottom: 152px !important; } .pl-xl-152 { padding-left: 152px !important; } .pt-xl-156 { padding-top: 156px !important; } .pr-xl-156 { padding-right: 156px !important; } .pb-xl-156 { padding-bottom: 156px !important; } .pl-xl-156 { padding-left: 156px !important; } .pt-xl-160 { padding-top: 160px !important; } .pr-xl-160 { padding-right: 160px !important; } .pb-xl-160 { padding-bottom: 160px !important; } .pl-xl-160 { padding-left: 160px !important; } .pt-xl-164 { padding-top: 164px !important; } .pr-xl-164 { padding-right: 164px !important; } .pb-xl-164 { padding-bottom: 164px !important; } .pl-xl-164 { padding-left: 164px !important; } .pt-xl-168 { padding-top: 168px !important; } .pr-xl-168 { padding-right: 168px !important; } .pb-xl-168 { padding-bottom: 168px !important; } .pl-xl-168 { padding-left: 168px !important; } .pt-xl-172 { padding-top: 172px !important; } .pr-xl-172 { padding-right: 172px !important; } .pb-xl-172 { padding-bottom: 172px !important; } .pl-xl-172 { padding-left: 172px !important; } .pt-xl-176 { padding-top: 176px !important; } .pr-xl-176 { padding-right: 176px !important; } .pb-xl-176 { padding-bottom: 176px !important; } .pl-xl-176 { padding-left: 176px !important; } .pt-xl-180 { padding-top: 180px !important; } .pr-xl-180 { padding-right: 180px !important; } .pb-xl-180 { padding-bottom: 180px !important; } .pl-xl-180 { padding-left: 180px !important; } .pt-xl-184 { padding-top: 184px !important; } .pr-xl-184 { padding-right: 184px !important; } .pb-xl-184 { padding-bottom: 184px !important; } .pl-xl-184 { padding-left: 184px !important; } .pt-xl-188 { padding-top: 188px !important; } .pr-xl-188 { padding-right: 188px !important; } .pb-xl-188 { padding-bottom: 188px !important; } .pl-xl-188 { padding-left: 188px !important; } .pt-xl-192 { padding-top: 192px !important; } .pr-xl-192 { padding-right: 192px !important; } .pb-xl-192 { padding-bottom: 192px !important; } .pl-xl-192 { padding-left: 192px !important; } .pt-xl-196 { padding-top: 196px !important; } .pr-xl-196 { padding-right: 196px !important; } .pb-xl-196 { padding-bottom: 196px !important; } .pl-xl-196 { padding-left: 196px !important; } .pt-xl-200 { padding-top: 200px !important; } .pr-xl-200 { padding-right: 200px !important; } .pb-xl-200 { padding-bottom: 200px !important; } .pl-xl-200 { padding-left: 200px !important; } .pt-xl-204 { padding-top: 204px !important; } .pr-xl-204 { padding-right: 204px !important; } .pb-xl-204 { padding-bottom: 204px !important; } .pl-xl-204 { padding-left: 204px !important; } .pt-xl-208 { padding-top: 208px !important; } .pr-xl-208 { padding-right: 208px !important; } .pb-xl-208 { padding-bottom: 208px !important; } .pl-xl-208 { padding-left: 208px !important; } .pt-xl-212 { padding-top: 212px !important; } .pr-xl-212 { padding-right: 212px !important; } .pb-xl-212 { padding-bottom: 212px !important; } .pl-xl-212 { padding-left: 212px !important; } .pt-xl-216 { padding-top: 216px !important; } .pr-xl-216 { padding-right: 216px !important; } .pb-xl-216 { padding-bottom: 216px !important; } .pl-xl-216 { padding-left: 216px !important; } .pt-xl-220 { padding-top: 220px !important; } .pr-xl-220 { padding-right: 220px !important; } .pb-xl-220 { padding-bottom: 220px !important; } .pl-xl-220 { padding-left: 220px !important; } .pt-xl-224 { padding-top: 224px !important; } .pr-xl-224 { padding-right: 224px !important; } .pb-xl-224 { padding-bottom: 224px !important; } .pl-xl-224 { padding-left: 224px !important; } .pt-xl-228 { padding-top: 228px !important; } .pr-xl-228 { padding-right: 228px !important; } .pb-xl-228 { padding-bottom: 228px !important; } .pl-xl-228 { padding-left: 228px !important; } .pt-xl-232 { padding-top: 232px !important; } .pr-xl-232 { padding-right: 232px !important; } .pb-xl-232 { padding-bottom: 232px !important; } .pl-xl-232 { padding-left: 232px !important; } .pt-xl-236 { padding-top: 236px !important; } .pr-xl-236 { padding-right: 236px !important; } .pb-xl-236 { padding-bottom: 236px !important; } .pl-xl-236 { padding-left: 236px !important; } .pt-xl-240 { padding-top: 240px !important; } .pr-xl-240 { padding-right: 240px !important; } .pb-xl-240 { padding-bottom: 240px !important; } .pl-xl-240 { padding-left: 240px !important; } .pt-xl-244 { padding-top: 244px !important; } .pr-xl-244 { padding-right: 244px !important; } .pb-xl-244 { padding-bottom: 244px !important; } .pl-xl-244 { padding-left: 244px !important; } .pt-xl-248 { padding-top: 248px !important; } .pr-xl-248 { padding-right: 248px !important; } .pb-xl-248 { padding-bottom: 248px !important; } .pl-xl-248 { padding-left: 248px !important; } .pt-xl-252 { padding-top: 252px !important; } .pr-xl-252 { padding-right: 252px !important; } .pb-xl-252 { padding-bottom: 252px !important; } .pl-xl-252 { padding-left: 252px !important; } .pt-xl-256 { padding-top: 256px !important; } .pr-xl-256 { padding-right: 256px !important; } .pb-xl-256 { padding-bottom: 256px !important; } .pl-xl-256 { padding-left: 256px !important; } } .border, .b { border: 1px solid rgba(0, 0, 0, 0.12); } .border-top, .bt { border-top: 1px solid rgba(0, 0, 0, 0.12); } .border-right, .br { border-right: 1px solid rgba(0, 0, 0, 0.12); } .border-bottom, .bb { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .border-left, .bl { border-left: 1px solid rgba(0, 0, 0, 0.12); } .border-horizontal, .b-x { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right: 1px solid rgba(0, 0, 0, 0.12); } .border-vertical, .by { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .border-radius-100 { border-radius: 100%; } .border-radius-2 { border-radius: 2px; } .border-radius-4 { border-radius: 4px; } .border-radius-8 { border-radius: 8px; } .border-radius-16 { border-radius: 16px; } .cursor-pointer { cursor: pointer; } .cursor-default { cursor: default; } fuse-partial-typography, html { font-size: 62.5%; font-family: "nexa", "Helvetica Neue", "Arial", sans-serif; } fuse-partial-typography, body { font-size: 1.4rem; line-height: 1.4rem; } fuse-partial-typography, html, body { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } fuse-partial-typography, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; } fuse-partial-typography, h1, .h1 { font-size: 24px; } fuse-partial-typography, h2, .h2 { font-size: 20px; } fuse-partial-typography, h3, .h3 { font-size: 16px; } fuse-partial-typography, h4, .h4 { font-size: 15px; } fuse-partial-typography, h5, .h5 { font-size: 13px; } fuse-partial-typography, h6, .h6 { font-size: 12px; } fuse-partial-typography, a { color: #ffed00; text-decoration: none; } fuse-partial-typography:not(.mat-mdc-button):not(.mat-mdc-raised-button):not(.mat-mdc-icon-button):hover, fuse-partial-typography:not(.mat-mdc-button):not(.mat-mdc-raised-button):not(.mat-mdc-icon-button):active, a:not(.mat-mdc-button):not(.mat-mdc-raised-button):not(.mat-mdc-icon-button):hover, a:not(.mat-mdc-button):not(.mat-mdc-raised-button):not(.mat-mdc-icon-button):active { text-decoration: underline; } fuse-partial-typography, abbr { cursor: help; border-bottom: 1px dotted rgba(0, 0, 0, 0.54); } fuse-partial-typography, blockquote { border-left: 3px solid rgba(0, 0, 0, 0.12); font-style: italic; margin: 1em 0; padding-left: 16px; } fuse-partial-typography footer, blockquote footer { font-style: normal; } fuse-partial-typography footer:before, blockquote footer:before { content: "— "; } fuse-partial-typography.reverse, blockquote.reverse { border-left: none; border-right: 3px solid rgba(0, 0, 0, 0.12); text-align: right; padding-left: 0; padding-right: 16px; } fuse-partial-typography.reverse footer:before, blockquote.reverse footer:before { content: ""; } fuse-partial-typography.reverse footer:after, blockquote.reverse footer:after { content: "— "; } fuse-partial-typography, code { font-family: "Monaco", "Menlo", "Consolas", "Ubuntu Mono", monospace; } fuse-partial-typography:not(.highlight), code:not(.highlight) { background: rgba(0, 0, 0, 0.065); color: #106CC8; margin: 0 1px; padding: 2px 3px; border-radius: 2px; } fuse-partial-typography dt, dl dt { font-weight: bold; } fuse-partial-typography dd, dl dd { margin: 4px 0 16px 0; } fuse-partial-typography, mark { background: #F7F49A; } fuse-partial-typography, pre { line-height: 1.6; margin: 8px 16px; white-space: pre-wrap; } fuse-partial-typography, small { font-size: 80%; } fuse-partial-typography thead tr th, table thead tr th { text-align: left; } fuse-partial-typography, .text-italic { font-style: italic; } fuse-partial-typography, .text-semibold { font-weight: 600; } fuse-partial-typography, .text-bold, strong { font-weight: 700; } fuse-partial-typography, .text-strike { text-decoration: line-through; } fuse-partial-typography, .text-super { vertical-align: super; } fuse-partial-typography, .text-sub { vertical-align: sub; } fuse-partial-typography, .text-capitalize { text-transform: capitalize; } fuse-partial-typography, .text-lowercase { text-transform: lowercase; } fuse-partial-typography, .text-uppercase { text-transform: uppercase; } fuse-partial-typography, .text-left { text-align: left; } fuse-partial-typography, .text-center { text-align: center; } fuse-partial-typography, .text-right { text-align: right; } .font-weight-100 { font-weight: 100; } .font-weight-200 { font-weight: 200; } .font-weight-300 { font-weight: 300; } .font-weight-400 { font-weight: 400; } .font-weight-500 { font-weight: 500; } .font-weight-600 { font-weight: 600; } .font-weight-700 { font-weight: 700; } .font-weight-800 { font-weight: 800; } .font-weight-900 { font-weight: 900; } .font-size-2 { font-size: 2px; } .font-size-4 { font-size: 4px; } .font-size-6 { font-size: 6px; } .font-size-8 { font-size: 8px; } .font-size-10 { font-size: 10px; } .font-size-12 { font-size: 12px; } .font-size-14 { font-size: 14px; } .font-size-16 { font-size: 16px; } .font-size-18 { font-size: 18px; } .font-size-20 { font-size: 20px; } .font-size-22 { font-size: 22px; } .font-size-24 { font-size: 24px; } .font-size-26 { font-size: 26px; } .font-size-28 { font-size: 28px; } .font-size-30 { font-size: 30px; } .font-size-32 { font-size: 32px; } .font-size-34 { font-size: 34px; } .font-size-36 { font-size: 36px; } .font-size-38 { font-size: 38px; } .font-size-40 { font-size: 40px; } .font-size-42 { font-size: 42px; } .font-size-44 { font-size: 44px; } .font-size-46 { font-size: 46px; } .font-size-48 { font-size: 48px; } .font-size-50 { font-size: 50px; } .font-size-52 { font-size: 52px; } .font-size-54 { font-size: 54px; } .font-size-56 { font-size: 56px; } .font-size-58 { font-size: 58px; } .font-size-60 { font-size: 60px; } .font-size-62 { font-size: 62px; } .font-size-64 { font-size: 64px; } .font-size-66 { font-size: 66px; } .font-size-68 { font-size: 68px; } .font-size-70 { font-size: 70px; } .font-size-72 { font-size: 72px; } .font-size-74 { font-size: 74px; } .font-size-76 { font-size: 76px; } .font-size-78 { font-size: 78px; } .font-size-80 { font-size: 80px; } .font-size-82 { font-size: 82px; } .font-size-84 { font-size: 84px; } .font-size-86 { font-size: 86px; } .font-size-88 { font-size: 88px; } .font-size-90 { font-size: 90px; } .font-size-92 { font-size: 92px; } .font-size-94 { font-size: 94px; } .font-size-96 { font-size: 96px; } .font-size-98 { font-size: 98px; } .font-size-100 { font-size: 100px; } .font-size-102 { font-size: 102px; } .font-size-104 { font-size: 104px; } .font-size-106 { font-size: 106px; } .font-size-108 { font-size: 108px; } .font-size-110 { font-size: 110px; } .font-size-112 { font-size: 112px; } .font-size-114 { font-size: 114px; } .font-size-116 { font-size: 116px; } .font-size-118 { font-size: 118px; } .font-size-120 { font-size: 120px; } .line-height-2 { line-height: 2px; } .line-height-4 { line-height: 4px; } .line-height-6 { line-height: 6px; } .line-height-8 { line-height: 8px; } .line-height-10 { line-height: 10px; } .line-height-12 { line-height: 12px; } .line-height-14 { line-height: 14px; } .line-height-16 { line-height: 16px; } .line-height-18 { line-height: 18px; } .line-height-20 { line-height: 20px; } .line-height-22 { line-height: 22px; } .line-height-24 { line-height: 24px; } .line-height-26 { line-height: 26px; } .line-height-28 { line-height: 28px; } .line-height-30 { line-height: 30px; } .line-height-32 { line-height: 32px; } .line-height-34 { line-height: 34px; } .line-height-36 { line-height: 36px; } .line-height-38 { line-height: 38px; } .line-height-40 { line-height: 40px; } .line-height-42 { line-height: 42px; } .line-height-44 { line-height: 44px; } .line-height-46 { line-height: 46px; } .line-height-48 { line-height: 48px; } .line-height-50 { line-height: 50px; } .line-height-52 { line-height: 52px; } .line-height-54 { line-height: 54px; } .line-height-56 { line-height: 56px; } .line-height-58 { line-height: 58px; } .line-height-60 { line-height: 60px; } .line-height-62 { line-height: 62px; } .line-height-64 { line-height: 64px; } .line-height-66 { line-height: 66px; } .line-height-68 { line-height: 68px; } .line-height-70 { line-height: 70px; } .line-height-72 { line-height: 72px; } .line-height-74 { line-height: 74px; } .line-height-76 { line-height: 76px; } .line-height-78 { line-height: 78px; } .line-height-80 { line-height: 80px; } .line-height-82 { line-height: 82px; } .line-height-84 { line-height: 84px; } .line-height-86 { line-height: 86px; } .line-height-88 { line-height: 88px; } .line-height-90 { line-height: 90px; } .line-height-92 { line-height: 92px; } .line-height-94 { line-height: 94px; } .line-height-96 { line-height: 96px; } .line-height-98 { line-height: 98px; } .line-height-100 { line-height: 100px; } .line-height-102 { line-height: 102px; } .line-height-104 { line-height: 104px; } .line-height-106 { line-height: 106px; } .line-height-108 { line-height: 108px; } .line-height-110 { line-height: 110px; } .line-height-112 { line-height: 112px; } .line-height-114 { line-height: 114px; } .line-height-116 { line-height: 116px; } .line-height-118 { line-height: 118px; } .line-height-120 { line-height: 120px; } .line-height-1 { line-height: 1; } .line-height-1\.25 { line-height: 1.25; } .line-height-1\.50 { line-height: 1.5; } .line-height-1\.75 { line-height: 1.75; } .text-boxed, .text-boxed-light { border-radius: 2px; padding: 4px 8px; margin: 0 8px; font-size: 11px; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: rgba(0, 0, 0, 0.12); white-space: nowrap; } .text-boxed-light { background-color: rgba(255, 255, 255, 0.7); } .text-truncate { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-nowrap { white-space: nowrap; } .changelog .entry { background: white; margin-bottom: 24px; padding: 24px 32px; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .changelog .entry > .title { display: flex; align-items: center; margin-bottom: 24px; } .changelog .entry > .title .version { font-size: 24px; } .changelog .entry > .title .date { margin-left: 8px; font-size: 17px; opacity: 0.54; } .changelog .entry .groups div { margin-bottom: 32px; } .changelog .entry .groups div:last-child { margin-bottom: 0; } .changelog .entry .groups .title { display: inline-flex; font-size: 13px; color: white; letter-spacing: 0.015em; line-height: 1; padding: 5px 8px; border-radius: 2px; } .changelog .entry .groups .breaking-changes .title { background: #F44336; } .changelog .entry .groups .new .title { background: #43A047; } .changelog .entry .groups .improved .title { background: #673AB7; } .changelog .entry .groups .fixed .title { background: #2196F3; } .changelog .entry .groups ul { padding-left: 24px; } .changelog .entry .groups ul li { margin-bottom: 6px; letter-spacing: 0.015em; } .message-box { padding: 16px; background: #607D8B; border-left: 6px solid #37474F; color: rgb(255, 255, 255); } .message-box.error { background: #EF5350; border-left-color: #B71C1C; } .message-box.warning { background: #FFECB3; border-left-color: #FFC107; color: rgba(0, 0, 0, 0.87); } .message-box.success { background: #4CAF50; border-left-color: #2E7D32; } .message-box.info { background: #B3E5FC; border-left-color: #03A9F4; color: rgba(0, 0, 0, 0.87); } .page-layout { position: relative; overflow: hidden; } .page-layout.carded { display: flex; flex-direction: column; flex: 1 0 auto; width: 100%; min-width: 100%; } .page-layout.carded > .top-bg { position: absolute; z-index: 1; top: 0; right: 0; left: 0; height: 200px; } @media (max-width: 959px) { .page-layout.carded > .top-bg { height: 160px; } } .page-layout.carded.fullwidth > .center, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container { display: flex; flex-direction: column; flex: 1 0 auto; position: relative; z-index: 2; padding: 0 32px; width: 100%; min-width: 0; max-width: 100%; max-height: 100%; } .page-layout.carded.fullwidth > .center > .header, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container > .header, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container > .header { height: 136px !important; min-height: 136px !important; max-height: 136px !important; } @media (max-width: 959px) { .page-layout.carded.fullwidth > .center > .header, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container > .header, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container > .header { height: 96px !important; min-height: 96px !important; max-height: 96px !important; } } .page-layout.carded.fullwidth > .center > .content-card, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container > .content-card, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container > .content-card { display: flex; flex-direction: column; flex: 1 0 auto; overflow: hidden; box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .page-layout.carded.fullwidth > .center > .content-card > .toolbar, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container > .content-card > .toolbar, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container > .content-card > .toolbar { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.12); height: 64px; min-height: 64px; max-height: 64px; } .page-layout.carded.fullwidth > .center > .content-card > .content, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container > .content-card > .content, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container > .content-card > .content { flex: 1 0 auto; } .page-layout.carded.fullwidth.tabbed > .center, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container { width: 100%; min-width: 0; } .page-layout.carded.fullwidth.tabbed > .center > .header, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .header, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .header { flex: 1 1 auto; } .page-layout.carded.fullwidth.tabbed > .center > .content-card > .content, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content { display: flex; } .page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-mdc-tab-group, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group { overflow: hidden; } .page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab { height: 64px; } .page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body { overflow: hidden; /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content { overflow: hidden; } .page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content { position: relative; width: 100%; height: 100%; } .page-layout.carded.fullwidth.inner-scroll { flex: 1 1 auto; } .page-layout.carded.fullwidth.inner-scroll > .center, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.inner-scroll > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.inner-scroll > .no-data-container { flex: 1 1 auto; } .page-layout.carded.fullwidth.inner-scroll > .center > .content-card, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.inner-scroll > .no-data-container > .content-card, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.inner-scroll > .no-data-container > .content-card { flex: 1 1 auto; } .page-layout.carded.fullwidth.inner-scroll > .center > .content-card > .content, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.inner-scroll > .no-data-container > .content-card > .content, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.inner-scroll > .no-data-container > .content-card > .content { flex: 1 1 auto; overflow: auto; -webkit-overflow-scrolling: touch; } .page-layout.carded.fullwidth.inner-scroll.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body { /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .page-layout.carded.fullwidth.inner-scroll.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content { overflow: auto; -webkit-overflow-scrolling: touch; } .page-layout.carded.left-sidebar, .page-layout.carded.right-sidebar { flex-direction: row; } .page-layout.carded.left-sidebar > .sidebar, .page-layout.carded.right-sidebar > .sidebar { display: flex; flex-direction: column; flex: 1 1 auto; width: 240px; min-width: 240px; max-width: 240px; height: auto; overflow: hidden; box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .page-layout.carded.left-sidebar > .sidebar.locked-open, .page-layout.carded.right-sidebar > .sidebar.locked-open { background: none; box-shadow: none; } .page-layout.carded.left-sidebar > .sidebar.locked-open + .center, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar > .sidebar.locked-open + .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar > .sidebar.locked-open + .no-data-container, .page-layout.carded.right-sidebar > .sidebar.locked-open + .center, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .sidebar.locked-open + .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .sidebar.locked-open + .no-data-container { z-index: 1001; } .page-layout.carded.left-sidebar > .sidebar.locked-open.left-positioned + .center, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar > .sidebar.locked-open.left-positioned + .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar > .sidebar.locked-open.left-positioned + .no-data-container, .page-layout.carded.right-sidebar > .sidebar.locked-open.left-positioned + .center, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .sidebar.locked-open.left-positioned + .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .sidebar.locked-open.left-positioned + .no-data-container { margin-left: 0; } .page-layout.carded.left-sidebar > .sidebar.locked-open.right-positioned + .center, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar > .sidebar.locked-open.right-positioned + .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar > .sidebar.locked-open.right-positioned + .no-data-container, .page-layout.carded.right-sidebar > .sidebar.locked-open.right-positioned + .center, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .sidebar.locked-open.right-positioned + .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .sidebar.locked-open.right-positioned + .no-data-container { margin-right: 0; } .page-layout.carded.left-sidebar > .sidebar .header, .page-layout.carded.right-sidebar > .sidebar .header { height: 200px; min-height: 200px; max-height: 200px; } @media (max-width: 959px) { .page-layout.carded.left-sidebar > .sidebar .header, .page-layout.carded.right-sidebar > .sidebar .header { height: 160px; min-height: 160px; max-height: 160px; } } .page-layout.carded.left-sidebar > .sidebar .content, .page-layout.carded.right-sidebar > .sidebar .content { background: transparent; flex: 1 1 auto; } .page-layout.carded.left-sidebar > .center, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container, .page-layout.carded.right-sidebar > .center, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container { display: flex; flex-direction: column; flex: 1 1 auto; position: relative; z-index: 3; margin-left: 32px; margin-right: 32px; min-width: 0; } .page-layout.carded.left-sidebar > .center > .header, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .header, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .header, .page-layout.carded.right-sidebar > .center > .header, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .header, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .header { display: flex; height: 136px; min-height: 136px; max-height: 136px; } @media (max-width: 959px) { .page-layout.carded.left-sidebar > .center > .header, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .header, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .header, .page-layout.carded.right-sidebar > .center > .header, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .header, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .header { height: 96px; min-height: 96px; max-height: 96px; } } .page-layout.carded.left-sidebar > .center > .content-card, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .content-card, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .content-card, .page-layout.carded.right-sidebar > .center > .content-card, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .content-card, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .content-card { display: flex; flex-direction: column; flex: 1 1 auto; overflow: hidden; box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .page-layout.carded.left-sidebar > .center > .content-card > .toolbar, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .content-card > .toolbar, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .content-card > .toolbar, .page-layout.carded.right-sidebar > .center > .content-card > .toolbar, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .content-card > .toolbar, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .content-card > .toolbar { display: flex; justify-content: flex-start; align-items: center; flex: 1 1 auto; border-bottom: 1px solid rgba(0, 0, 0, 0.12); height: 64px; min-height: 64px; max-height: 64px; } .page-layout.carded.left-sidebar > .center > .content-card > .toolbar .sidebar-toggle, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .content-card > .toolbar .sidebar-toggle, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .content-card > .toolbar .sidebar-toggle, .page-layout.carded.right-sidebar > .center > .content-card > .toolbar .sidebar-toggle, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .content-card > .toolbar .sidebar-toggle, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .content-card > .toolbar .sidebar-toggle { margin: 0 8px 0 0 !important; padding: 0 !important; border-radius: 0; } .page-layout.carded.left-sidebar > .center > .content-card > .content, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .content-card > .content, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container > .content-card > .content, .page-layout.carded.right-sidebar > .center > .content-card > .content, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .content-card > .content, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container > .content-card > .content { flex: 1 1 auto; } .page-layout.carded.left-sidebar.tabbed > .center, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container, .page-layout.carded.right-sidebar.tabbed > .center, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container { width: calc(100% - 32px); min-width: 0; } @media (max-width: 1279px) { .page-layout.carded.left-sidebar.tabbed > .center, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container, .page-layout.carded.right-sidebar.tabbed > .center, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container { width: calc(100% - 64px); } } .page-layout.carded.left-sidebar.tabbed > .center > .header, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .header, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .header, .page-layout.carded.right-sidebar.tabbed > .center > .header, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .header, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .header { flex: 1 1 auto; } .page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content { display: flex; } .page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group { overflow: hidden; } .page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab { height: 64px; } .page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body { overflow: hidden; /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content { overflow: hidden; } .page-layout.carded.left-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, .page-layout.carded.right-sidebar.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content { position: relative; width: 100%; height: 100%; } .page-layout.carded.left-sidebar.inner-scroll, .page-layout.carded.right-sidebar.inner-scroll { flex: 1 1 auto; } .page-layout.carded.left-sidebar.inner-scroll > .sidebar .content, .page-layout.carded.right-sidebar.inner-scroll > .sidebar .content { overflow: auto; -webkit-overflow-scrolling: touch; } .page-layout.carded.left-sidebar.inner-scroll > .center, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.inner-scroll > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.inner-scroll > .no-data-container, .page-layout.carded.right-sidebar.inner-scroll > .center, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.inner-scroll > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.inner-scroll > .no-data-container { flex: 1 1 auto; } .page-layout.carded.left-sidebar.inner-scroll > .center > .content-card, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.inner-scroll > .no-data-container > .content-card, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.inner-scroll > .no-data-container > .content-card, .page-layout.carded.right-sidebar.inner-scroll > .center > .content-card, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.inner-scroll > .no-data-container > .content-card, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.inner-scroll > .no-data-container > .content-card { flex: 1 1 auto; } .page-layout.carded.left-sidebar.inner-scroll > .center > .content-card > .content, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.inner-scroll > .no-data-container > .content-card > .content, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.inner-scroll > .no-data-container > .content-card > .content, .page-layout.carded.right-sidebar.inner-scroll > .center > .content-card > .content, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.inner-scroll > .no-data-container > .content-card > .content, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.inner-scroll > .no-data-container > .content-card > .content { flex: 1 1 auto; overflow: auto; -webkit-overflow-scrolling: touch; } .page-layout.carded.left-sidebar.inner-scroll.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, .page-layout.carded.right-sidebar.inner-scroll.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body { /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .page-layout.carded.left-sidebar.inner-scroll.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, .page-layout.carded.right-sidebar.inner-scroll.tabbed > .center > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar.inner-scroll.tabbed > .no-data-container > .content-card > .content > .mat-mdc-tab-group .mat-mdc-tab-body .mat-mdc-tab-body-content .tab-content { overflow: auto; -webkit-overflow-scrolling: touch; } .page-layout.carded.right-sidebar > .sidebar { order: 2; } .page-layout.carded.right-sidebar > .center, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container { order: 1; } .page-layout.simple { display: flex; flex-direction: column; flex: 1 0 auto; width: 100%; min-width: 100%; } .page-layout.simple.fullwidth > .content { flex: 1 1 auto; min-width: 0; } .page-layout.simple.fullwidth > .header, .page-layout.simple.inner-sidebar > .header { height: 120px; min-height: 120px; max-height: 120px; } .page-layout.simple.left-sidebar, .page-layout.simple.right-sidebar { flex-direction: row; } .page-layout.simple.left-sidebar > .sidebar, .page-layout.simple.right-sidebar > .sidebar { width: 240px; min-width: 240px; max-width: 240px; overflow: hidden; box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .page-layout.simple.left-sidebar > .sidebar.locked-open, .page-layout.simple.right-sidebar > .sidebar.locked-open { background: none; box-shadow: none; } .page-layout.simple.left-sidebar > .sidebar.locked-open + .center, app-multi-graph-view app-errors-graph .page-layout.simple.left-sidebar > .sidebar.locked-open + .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.left-sidebar > .sidebar.locked-open + .no-data-container, .page-layout.simple.right-sidebar > .sidebar.locked-open + .center, app-multi-graph-view app-errors-graph .page-layout.simple.right-sidebar > .sidebar.locked-open + .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.right-sidebar > .sidebar.locked-open + .no-data-container { z-index: 1001; } .page-layout.simple.left-sidebar > .sidebar.locked-open.left-positioned + .center, app-multi-graph-view app-errors-graph .page-layout.simple.left-sidebar > .sidebar.locked-open.left-positioned + .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.left-sidebar > .sidebar.locked-open.left-positioned + .no-data-container, .page-layout.simple.right-sidebar > .sidebar.locked-open.left-positioned + .center, app-multi-graph-view app-errors-graph .page-layout.simple.right-sidebar > .sidebar.locked-open.left-positioned + .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.right-sidebar > .sidebar.locked-open.left-positioned + .no-data-container { margin-left: 0; } .page-layout.simple.left-sidebar > .sidebar.locked-open.right-positioned + .center, app-multi-graph-view app-errors-graph .page-layout.simple.left-sidebar > .sidebar.locked-open.right-positioned + .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.left-sidebar > .sidebar.locked-open.right-positioned + .no-data-container, .page-layout.simple.right-sidebar > .sidebar.locked-open.right-positioned + .center, app-multi-graph-view app-errors-graph .page-layout.simple.right-sidebar > .sidebar.locked-open.right-positioned + .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.right-sidebar > .sidebar.locked-open.right-positioned + .no-data-container { margin-right: 0; } .page-layout.simple.left-sidebar > .sidebar .content, .page-layout.simple.right-sidebar > .sidebar .content { flex: 1 1 auto; } .page-layout.simple.left-sidebar > .center, app-multi-graph-view app-errors-graph .page-layout.simple.left-sidebar > .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.left-sidebar > .no-data-container, .page-layout.simple.right-sidebar > .center, app-multi-graph-view app-errors-graph .page-layout.simple.right-sidebar > .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.right-sidebar > .no-data-container { position: relative; display: flex; flex-direction: column; flex: 1 1 auto; z-index: 3; min-width: 0; box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .page-layout.simple.left-sidebar > .center > .header, app-multi-graph-view app-errors-graph .page-layout.simple.left-sidebar > .no-data-container > .header, app-single-graph-view app-errors-graph .page-layout.simple.left-sidebar > .no-data-container > .header, .page-layout.simple.right-sidebar > .center > .header, app-multi-graph-view app-errors-graph .page-layout.simple.right-sidebar > .no-data-container > .header, app-single-graph-view app-errors-graph .page-layout.simple.right-sidebar > .no-data-container > .header { height: 120px; min-height: 120px; max-height: 120px; } .page-layout.simple.left-sidebar > .center > .content, app-multi-graph-view app-errors-graph .page-layout.simple.left-sidebar > .no-data-container > .content, app-single-graph-view app-errors-graph .page-layout.simple.left-sidebar > .no-data-container > .content, .page-layout.simple.right-sidebar > .center > .content, app-multi-graph-view app-errors-graph .page-layout.simple.right-sidebar > .no-data-container > .content, app-single-graph-view app-errors-graph .page-layout.simple.right-sidebar > .no-data-container > .content { flex: 1 0 auto; } .page-layout.simple.left-sidebar.inner-scroll, .page-layout.simple.right-sidebar.inner-scroll { flex: 1 1 auto; } .page-layout.simple.left-sidebar.inner-scroll > .sidebar .content, .page-layout.simple.right-sidebar.inner-scroll > .sidebar .content { overflow: auto; -webkit-overflow-scrolling: touch; } .page-layout.simple.left-sidebar.inner-scroll > .center, app-multi-graph-view app-errors-graph .page-layout.simple.left-sidebar.inner-scroll > .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.left-sidebar.inner-scroll > .no-data-container, .page-layout.simple.right-sidebar.inner-scroll > .center, app-multi-graph-view app-errors-graph .page-layout.simple.right-sidebar.inner-scroll > .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.right-sidebar.inner-scroll > .no-data-container { flex: 1 1 auto; overflow: auto; -webkit-overflow-scrolling: touch; } .page-layout.simple.left-sidebar.inner-sidebar, .page-layout.simple.right-sidebar.inner-sidebar { flex-direction: column; overflow: hidden; height: 100%; } .page-layout.simple.left-sidebar.inner-sidebar > .content, .page-layout.simple.right-sidebar.inner-sidebar > .content { display: flex; min-height: 0; } .page-layout.simple.left-sidebar.inner-sidebar > .content > .sidebar.locked-open, .page-layout.simple.right-sidebar.inner-sidebar > .content > .sidebar.locked-open { background: none; box-shadow: none; } .page-layout.simple.left-sidebar.inner-sidebar > .content > .sidebar .content, .page-layout.simple.right-sidebar.inner-sidebar > .content > .sidebar .content { overflow: auto; -webkit-overflow-scrolling: touch; } .page-layout.simple.left-sidebar.inner-sidebar > .content > .center, app-multi-graph-view app-errors-graph .page-layout.simple.left-sidebar.inner-sidebar > .content > .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.left-sidebar.inner-sidebar > .content > .no-data-container, .page-layout.simple.right-sidebar.inner-sidebar > .content > .center, app-multi-graph-view app-errors-graph .page-layout.simple.right-sidebar.inner-sidebar > .content > .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.right-sidebar.inner-sidebar > .content > .no-data-container { flex: 1 1 auto; overflow: auto; -webkit-overflow-scrolling: touch; } .page-layout.simple.right-sidebar > .sidebar { order: 2; } .page-layout.simple.right-sidebar > .center, app-multi-graph-view app-errors-graph .page-layout.simple.right-sidebar > .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.right-sidebar > .no-data-container { order: 1; } .page-layout.simple.right-sidebar.inner-sidebar > .content > .sidebar { order: 2; } .page-layout.simple.right-sidebar.inner-sidebar > .content > .center, app-multi-graph-view app-errors-graph .page-layout.simple.right-sidebar.inner-sidebar > .content > .no-data-container, app-single-graph-view app-errors-graph .page-layout.simple.right-sidebar.inner-sidebar > .content > .no-data-container { order: 1; } .page-layout.simple.tabbed { min-height: 100%; } .page-layout.simple.tabbed > .header { height: 120px; min-height: 120px; max-height: 120px; } .page-layout.simple.tabbed > .content > .mat-mdc-tab-group { /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .page-layout.simple.tabbed > .content > .mat-mdc-tab-group .mat-mdc-tab-labels { padding: 0 24px; } .page-layout.blank { width: 100%; min-height: 100%; } @media (max-width: 599px) { .page-layout.carded.fullwidth > .center, app-multi-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.fullwidth > .no-data-container { padding: 0 16px; } .page-layout.carded.left-sidebar > .center, app-multi-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.left-sidebar > .no-data-container, .page-layout.carded.right-sidebar > .center, app-multi-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container, app-single-graph-view app-errors-graph .page-layout.carded.right-sidebar > .no-data-container { margin: 0 16px; } } .nav .nav-subheader { display: flex; align-items: center; height: 48px; font-weight: 500; padding-left: 24px; margin-top: 8px; font-size: 12px; white-space: nowrap; } .nav .nav-group { display: block; } .nav .nav-group > .group-title { position: relative; display: flex; align-items: center; height: 48px; font-weight: 500; padding-left: 24px; margin-top: 8px; font-size: 12px; white-space: nowrap; } .nav .nav-item .nav-link { text-decoration: none !important; display: flex; align-items: center; height: 48px; padding: 0 24px; position: relative; overflow: hidden; cursor: pointer; -webkit-user-select: none; user-select: none; color: currentColor; } .nav .nav-item .nav-link > .nav-link-title { flex: 1 1 auto; white-space: nowrap; } .nav .nav-item .nav-link .nav-link-badge { display: flex; align-items: center; min-width: 20px; height: 20px; padding: 0 7px; font-size: 11px; font-weight: 500; border-radius: 20px; transition: opacity 0.2s ease-in-out 0.1s; margin-left: 8px; } .nav .nav-item .nav-link .nav-link-badge + .collapsable-arrow { margin-left: 8px; } .nav .nav-item .nav-link:hover { background-color: rgba(0, 0, 0, 0.04); } .nav .nav-item .nav-link .mat-ripple-element { background-color: rgba(0, 0, 0, 0.04); } .nav .nav-item .nav-link.active .nav-link-icon { opacity: 1; } .nav .nav-item .nav-link.active .nav-link-badge { background: #FFFFFF !important; color: rgba(0, 0, 0, 0.87) !important; } .nav .nav-item .nav-link .nav-link-icon { margin-right: 16px; opacity: 0.7; } .nav .nav-item .nav-link .nav-link-icon, .nav .nav-item .nav-link .collapsable-arrow { font-size: 16px; width: 16px; height: 16px; min-width: 16px; min-height: 16px; line-height: 16px; } .nav .nav-item.nav-collapsable { display: block; } .nav .nav-item.nav-collapsable > .children > .nav-item > .nav-link, .nav .nav-item.nav-collapsable > .children > .nav-item.nav-group > .group-title, .nav .nav-item.nav-collapsable > .children > .nav-item.nav-group > .group-items > .nav-item > .nav-link { padding-left: 56px; } .nav .nav-item.nav-collapsable > .children > .nav-item > .children > .nav-item > .nav-link, .nav .nav-item.nav-collapsable > .children > .nav-item > .children > .nav-item.nav-group > .group-title, .nav .nav-item.nav-collapsable > .children > .nav-item > .children > .nav-item.nav-group > .group-items > .nav-item > .nav-link { padding-left: 72px; } .nav > .nav-item.nav-collapsable { background: transparent; transition: background 200ms ease-in-out; } .nav > .nav-item.nav-collapsable.open { background: rgba(0, 0, 0, 0.12); } .nav > .nav-group > .group-items > .nav-collapsable { background: transparent; transition: background 200ms ease-in-out; } .nav > .nav-group > .group-items > .nav-collapsable.open { background: rgba(0, 0, 0, 0.12); } .nav.vertical .nav-group .group-title { text-transform: uppercase; } .nav.horizontal { display: flex; flex-direction: row; } .nav.horizontal .nav-item.nav-collapsable { position: relative; } .nav.horizontal .nav-item.nav-collapsable .children { display: none; position: absolute; top: 0; left: 100%; z-index: 999; min-width: 200px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .nav.horizontal .nav-item.nav-collapsable .children.open { display: block; } .nav.horizontal .nav-item.nav-collapsable .children .nav-link { padding-left: 24px !important; } .nav.horizontal > .nav-item > .nav-link { height: 56px; } .nav.horizontal > .nav-item.nav-collapsable { position: relative; } .nav.horizontal > .nav-item.nav-collapsable > .nav-link { height: 56px; } .nav.horizontal > .nav-item.nav-collapsable > .nav-link .collapsable-arrow { display: none; } .nav.horizontal > .nav-item.nav-collapsable > .children { top: 100%; left: 0; } .nav.material .nav-subheader { border-top: 1px solid rgba(0, 0, 0, 0.12); } .nav.material .nav-subheader:first-child { border-top: none; } .nav.material .nav-item .nav-link { height: 40px; padding: 0 16px; margin: 4px 8px; border-radius: 4px; } .cards { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } .card { padding: 24px 24px 16px; } .fuse-card { min-height: 300px; } .fuse-card, .fuse-card-header { border-radius: 10px 10px 0px 0px; } .fuse-card-header { padding: 8px; } .mat-mdc-card-header-text { display: flex; align-items: center; } .mat-mdc-card-actions, .mat-mdc-card-content, .mat-mdc-card-subtitle, .mat-mdc-card-title { margin-bottom: 0; } mat-card.mat-mdc-card .card-cover { position: absolute; width: 100%; height: 100%; object-fit: cover; } mat-card.mat-mdc-card .card-cover.audio, mat-card.mat-mdc-card .card-cover.url, mat-card.mat-mdc-card .card-cover.document { width: 120px; height: 120px; left: 130px; top: 170px; transform: translate(-50%, -50%); } mat-card.mat-mdc-card .card-cover.image, mat-card.mat-mdc-card .card-cover.videoUrl { padding-top: 73px; object-fit: contain; } mat-card.mat-mdc-card.card-simple, .card-simple mat-card.mat-mdc-card { background: unset; padding: 0; } mat-card.mat-mdc-card.card-simple .mat-mdc-card-header, .card-simple mat-card.mat-mdc-card .mat-mdc-card-header { padding: 16px; } mat-card.mat-mdc-card.card-simple .mat-mdc-card-header .mat-mdc-card-title, .card-simple mat-card.mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title { margin: 0; } mat-card.mat-mdc-card.card-simple .mat-mdc-card-content, .card-simple mat-card.mat-mdc-card .mat-mdc-card-content { margin-bottom: 0; } .card-simple-course .mat-mdc-card { flex: 1 1 0%; box-sizing: border-box; flex-direction: column; display: flex; min-width: 100%; width: 100%; max-width: inherit; height: 278px; margin-bottom: 20px; } .card-simple-course .mat-mdc-card mat-card-header, .card-simple-course .mat-mdc-card mat-card-content, .card-simple-course .mat-mdc-card mat-card-actions { z-index: 1; } .card-simple-course .mat-mdc-card mat-card-header { flex: 1 1 100%; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex-direction: row; } .card-simple-course .mat-mdc-card mat-card-header .pastille { order: -1; flex: 0 0 42px; width: 42px; height: 42px; margin-right: 8px; } .card-simple-course .mat-mdc-card mat-card-header .mat-mdc-card-header-text { margin: 0; } .card-simple-course .mat-mdc-card mat-card-header .mat-mdc-card-header-text .mat-mdc-card-title { font-weight: 500; margin: 0; } .card-simple-course .mat-mdc-card mat-card-header button { margin-left: auto; } .card-simple-course .mat-mdc-card mat-card-content { display: flex; flex: 1 1 100%; flex-direction: column; overflow-y: auto; } .card-simple-course .mat-mdc-card mat-card-content ul li { margin-bottom: 13px; } .card-simple-course .mat-mdc-card mat-card-content .lesson-activity-infos { margin-bottom: auto; } .card-simple-course .mat-mdc-card mat-card-content .lesson-activity-infos > * { float: left; width: 100%; } .card-simple-course .mat-mdc-card mat-card-content .lesson-activity-infos li:first-child { margin-bottom: 0; } .card-simple-course .mat-mdc-card mat-card-content .lesson-label, .card-simple-course .mat-mdc-card mat-card-content .activity-label, .card-simple-course .mat-mdc-card mat-card-content .other-label { padding-left: 5px; } .card-simple-course .mat-mdc-card mat-card-content .lesson-label dt::after, .card-simple-course .mat-mdc-card mat-card-content .activity-label dt::after, .card-simple-course .mat-mdc-card mat-card-content .other-label dt::after { content: " "; display: inline; padding-right: 0; margin-left: 0; } .card-simple-course .mat-mdc-card mat-card-content .lesson-label::after, .card-simple-course .mat-mdc-card mat-card-content .activity-label::after { content: "-"; display: inline-block; padding: 0 5px; } .card-simple-course .mat-mdc-card mat-card-content .lesson-name-label { display: none; } .card-simple-course .mat-mdc-card mat-card-content .lesson-license-content { font-style: italic; } .card-simple-course .mat-mdc-card mat-card-content .get-date-label dt { display: none; } .card-simple-course .mat-mdc-card mat-card-content .get-date-label dt::after { content: ":"; display: inline-block; padding: 0 5px; } .card-simple-course .mat-mdc-card mat-card-content .get-date-label { font-size: 12px; margin-top: 13px; } .card-simple-course .mat-mdc-card mat-card-content .keywords { margin: 0; padding: 0; } .card-simple-course .mat-mdc-card mat-card-content .keywords > * { display: inline-block; color: white; background: #ebebeb; margin: 5px; border-radius: 15px; padding: 5px; } .card-simple-course .mat-mdc-card mat-card-content .keywords > *::after { display: none; } .card-simple-course .mat-mdc-card mat-card-content .dl-list { margin: 0; } .card-simple-course .mat-mdc-card mat-card-content .dl-list.keywords-list { margin-top: auto; } .card-simple-course .mat-mdc-card mat-card-content .metadata:last-child { margin-top: auto; } .card-simple-course .mat-mdc-card mat-card-content .meta-info { display: inline-flex; cursor: pointer; color: white; border-radius: 15px; align-items: center; padding: 4px 5px; background-color: #e0e0e0; } .card-simple-course .mat-mdc-card mat-card-content .meta-info path { fill: white; } .card-simple-course .mat-mdc-card mat-card-content .data-lam { display: none; } .card-simple-course .mat-mdc-card mat-card-actions { flex-direction: row; display: flex; place-content: center flex-start; align-items: center; } .card-simple-course .mat-mdc-card mat-card-actions .lesson-activity-infos { font-style: italic; } .card-simple-course .mat-mdc-card mat-card-actions .info-assignated { flex-direction: row; display: flex; place-content: center flex-start; align-items: center; margin-right: 10px; } .card-simple-course .mat-mdc-card mat-card-actions .info-assignated .mat-icon { margin-right: 5px; } .card-simple-course .mat-mdc-card mat-card-actions .info-assignated .mat-icon path { fill: #e0e0e0; } .card-simple-course .mat-mdc-card mat-card-actions .info-assignated .mat-icon.active path, .card-simple-course .mat-mdc-card mat-card-actions .info-assignated .mat-icon:hover path { fill: #ebebeb; } .card-simple-course .mat-mdc-card mat-card-actions .info-assignated label { cursor: pointer; } .card-simple-course .mat-mdc-card mat-card-actions .button-favorite, .card-simple-course .mat-mdc-card mat-card-actions .button-download-theme { margin-left: auto; box-shadow: none; background: none; color: rgba(0, 0, 0, 0.87); } .card-simple-course .mat-mdc-card mat-card-actions .button-favorite .mat-icon, .card-simple-course .mat-mdc-card mat-card-actions .button-download-theme .mat-icon { margin-right: 5px; } .card-simple-course .mat-mdc-card mat-card-actions .button-play { position: absolute; right: 25px; bottom: 120px; } .card-split-media-info .mat-mdc-card { position: relative; padding: 0; overflow: hidden; background: none; flex: 1 1 100%; flex-direction: column; box-sizing: border-box; display: flex; height: 278px; } .card-split-media-info .mat-mdc-card::after { content: ""; display: block; background-color: white; width: calc(100% - 260px); height: 100%; top: 0; left: 260px; position: absolute; z-index: 0; } .card-split-media-info .mat-mdc-card mat-card-header, .card-split-media-info .mat-mdc-card mat-card-content, .card-split-media-info .mat-mdc-card mat-card-actions { z-index: 1; } .card-split-media-info .mat-mdc-card mat-card-header { color: white; display: flex; place-content: center flex-start; align-items: center; min-height: 52px; padding: 5px 11px; width: 100%; } .card-split-media-info .mat-mdc-card mat-card-header button { margin-left: auto; } .card-split-media-info .mat-mdc-card mat-card-header .pastille { order: -1; flex: 0 0 42px; width: 42px; height: 42px; background-color: white; } .card-split-media-info .mat-mdc-card mat-card-header .mat-mdc-card-subtitle, .card-split-media-info .mat-mdc-card mat-card-header .mat-mdc-card-title { margin: 0; } .card-split-media-info .mat-mdc-card img.mat-mdc-card-image { position: absolute; width: auto; height: 100%; margin: 0; top: 0; } .card-split-media-info .mat-mdc-card .card-cover { max-width: 260px; max-height: 278px; } .card-split-media-info .mat-mdc-card mat-card-content { background-color: white; margin-left: 260px; padding: 18px 12px 0; margin-bottom: 0; min-height: 100px; overflow-y: auto; } .card-split-media-info .mat-mdc-card mat-card-content .lesson-activity-infos { margin-bottom: auto; } .card-split-media-info .mat-mdc-card mat-card-content .lesson-activity-infos > * { float: left; width: 100%; } .card-split-media-info .mat-mdc-card mat-card-content .lesson-activity-infos li:first-child { margin-bottom: 0; } .card-split-media-info .mat-mdc-card mat-card-content .lesson-label dt::after, .card-split-media-info .mat-mdc-card mat-card-content .activity-label dt::after, .card-split-media-info .mat-mdc-card mat-card-content .other-label dt::after { content: " "; display: inline; padding-right: 0; margin-left: 0; } .card-split-media-info .mat-mdc-card mat-card-actions { background-color: white; margin: 0 0 0 260px; padding: 12px 16px; display: flex; place-content: center space-between; align-items: center; } .card-split-media-info .mat-mdc-card mat-card-actions.mat-mdc-card-actions:last-child { margin-bottom: 0; padding-bottom: 12px; border: none; margin-top: auto; } .card-split-media-info .mat-mdc-card mat-card-actions button.button-favorite { width: 40px; height: 40px; background: none; min-width: auto; box-shadow: none; margin-left: auto; } .card-split-media-info .mat-mdc-card mat-card-actions button.button-favorite .mdc-button__label { display: none; } .card-split-media-info .mat-mdc-card mat-card-actions .pastille { width: 32px; height: 32px; } .card-mini h2 { font-size: 20px; color: #757575; margin-bottom: 12px; } .card-mini .mat-mdc-card { flex: 1 1 0%; box-sizing: border-box; flex-direction: column; display: flex; min-width: 100%; width: 100%; max-width: inherit; min-height: 200px; margin-bottom: 20px; } .card-mini .mat-mdc-card mat-card-content { min-height: 150px; } .card-mini .mat-mdc-card mat-card-content .label { font-size: 12px; } .card-mini .mat-mdc-card mat-card-content .value1 { font-size: 30px; } .card-mini .mat-mdc-card mat-card-content .label2, .card-mini .mat-mdc-card mat-card-content .value2 { font-size: 10px; } .difficultyStep { display: inline-block; height: 15px; width: 15px; background-color: #000000; border-radius: 15px; margin: 5px; vertical-align: middle; } .difficultyStep.active { background-color: #5FD855; } app-assign-modal .mat-mdc-dialog-content { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; } .lessonLocked { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; flex-direction: column; box-sizing: border-box; display: flex; place-content: center; align-items: center; color: white; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(2.5px); backdrop-filter: blur(2.5px); } .lessonLocked .mat-icon { width: 66px; height: 66px; min-width: 66px; min-height: 66px; margin-bottom: -10px; } .lessonLocked .mat-icon:before { content: ""; display: block; width: 101px; height: 101px; position: absolute; background-color: #eea934; border-radius: 50%; transform: translate(-50%, -50%); top: 49%; left: 50%; z-index: -1; } .lessonLocked .lessonLocked__description { background: #28458C; border: 3px solid #FBAC35; border-radius: 10px; padding: 10px; font-style: normal; font-weight: 700; font-size: 12px; line-height: 14px; text-align: center; color: white; z-index: -1; width: 50%; margin-bottom: -30px; } mat-dialog-container .mat-mdc-dialog-surface { padding: 0; overflow: auto; border-style: solid; position: relative; } @media screen and (max-width: 599px) { mat-dialog-container .mat-mdc-dialog-surface { width: 100%; } } @media (min-width: 600px) { mat-dialog-container .mat-mdc-dialog-surface { min-width: 400px; } } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-form-field-label { color: #000 !important; } mat-dialog-container .mat-mdc-dialog-surface app-edit-lesson-dialog .mat-mdc-form-field-infix { min-height: 44px; } mat-dialog-container .mat-mdc-dialog-surface app-dialog { display: flex; flex-direction: column; height: 100%; } mat-dialog-container .mat-mdc-dialog-surface app-dialog .activities-dialog-title { flex: 0 0 auto; } mat-dialog-container .mat-mdc-dialog-surface app-dialog .mat-mdc-dialog-content { max-height: initial; flex: auto; } mat-dialog-container .mat-mdc-dialog-surface app-dialog .mat-mdc-dialog-content.ps--active-x > .ps__rail-x, mat-dialog-container .mat-mdc-dialog-surface app-dialog .mat-mdc-dialog-content.ps--active-y > .ps__rail-y { opacity: 0.5; } mat-dialog-container .mat-mdc-dialog-surface app-dialog .mat-mdc-dialog-actions { flex: 0 0 auto; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; flex: 1; min-height: 64px; align-items: center; padding: 10px 0 10px 24px; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h1, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h2, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h3, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h4, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h5, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h6, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h1, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h2, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h3, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h4, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h5, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h6 { margin: 0 24px 0 0; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close { margin-left: auto; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-content { flex-direction: column; margin: 0; padding-bottom: 10px; min-width: 40vw; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-content:is(.mat-mdc-dialog-content) { padding-top: 10px; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions { flex-direction: row; box-sizing: border-box; display: flex; max-height: 100%; align-items: center; align-content: center; justify-content: center; padding: 24px; margin: 0; } mat-dialog-container .mat-mdc-dialog-surface .dialog-content-wrapper { max-height: 85vh; display: flex; flex-direction: column; } app-resource-upload-modal-step1 .content .submit-button, app-resource-upload-modal-step2 .content .submit-button { font-size: 20px; background-color: #dfb900; color: #fff; opacity: 1; border-radius: 20px; } app-resource-upload-modal-step1 .content .submit-button:hover, app-resource-upload-modal-step2 .content .submit-button:hover { opacity: 0.7; } app-resource-upload-modal-step1 .content .submit-button:hover .mat-mdc-focus-indicator, app-resource-upload-modal-step2 .content .submit-button:hover .mat-mdc-focus-indicator { background-color: #d5af00; } .level1.dashboard app-resource-upload-modal-step1 .content .submit-button, .level1.dashboard app-resource-upload-modal-step2 .content .submit-button { background-color: #aa176f; } .level1.projects app-resource-upload-modal-step1 .content .submit-button, .level1.projects app-resource-upload-modal-step2 .content .submit-button { background-color: #305792; } .level1.corpus app-resource-upload-modal-step1 .content .submit-button, .level1.corpus app-resource-upload-modal-step2 .content .submit-button { background-color: #dfb900; } .level1.research-sheet app-resource-upload-modal-step1 .content .submit-button, .level1.research-sheet app-resource-upload-modal-step2 .content .submit-button { background-color: #ff787d; } .level1.outil app-resource-upload-modal-step1 .content .submit-button, .level1.outil app-resource-upload-modal-step2 .content .submit-button { background-color: #00e998; } .level1.params app-resource-upload-modal-step1 .content .submit-button, .level1.params app-resource-upload-modal-step2 .content .submit-button { background-color: #305792; } .activities-list-dialog .activities-dialog-title { align-content: center; align-items: center; display: flex; justify-content: flex-end; padding: 8px 20px; } .activities-list-dialog .mat-mdc-dialog-surface { border-radius: 0; padding: 2% 5%; flex: 1; display: flex; } .activities-list-dialog .mat-mdc-dialog-surface app-dialog { display: flex; flex-direction: column; flex: 1; } .activities-list-dialog .mat-mdc-dialog-surface app-dialog .mat-mdc-dialog-content { display: flex; } .activities-list-dialog .mat-mdc-dialog-surface app-dialog .mat-mdc-dialog-content > * { flex: 1 1 0%; } .activities-list-dialog .mat-mdc-dialog-surface .mat-mdc-dialog-actions { border: none; } .activities-list-dialog .mat-mdc-dialog-surface .mat-mdc-dialog-actions .btn-previous, .activities-list-dialog .mat-mdc-dialog-surface .mat-mdc-dialog-actions .btn-next { display: none; } .mat-mdc-dialog-content video, .mat-mdc-dialog-content img { display: block; margin: auto; } .mat-mdc-dialog-surface .mat-mdc-dialog-title .mat-toolbar-row { white-space: inherit; } .mat-mdc-dialog-content { padding: 0; } .mat-mdc-dialog-content p { padding: 0 24px; } /* ressouce modal video wrapper */ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mat-mdc-menu-panel.form-activities-menu, .mat-mdc-menu-panel.lesson-activities-dialog { max-width: none; min-width: 350px; border-radius: 10px; margin-right: 80px; } .mat-mdc-menu-panel.form-activities-menu .mat-mdc-menu-content, .mat-mdc-menu-panel.lesson-activities-dialog .mat-mdc-menu-content { display: flex; justify-content: center; align-content: center; flex-direction: row; padding: 0; margin: 0; } .mat-mdc-menu-panel.form-activities-menu .mat-mdc-menu-content .mat-mdc-menu-item, .mat-mdc-menu-panel.lesson-activities-dialog .mat-mdc-menu-content .mat-mdc-menu-item { display: flex; flex: 1 1 210px; flex-direction: column; justify-content: flex-start; min-height: inherit; height: auto; text-align: center; padding: 16px 8px 8px 8px; } .mat-mdc-menu-panel.form-activities-menu .mat-mdc-menu-content .mat-mdc-menu-item .mat-icon, .mat-mdc-menu-panel.lesson-activities-dialog .mat-mdc-menu-content .mat-mdc-menu-item .mat-icon { margin: 0 auto; } .mat-mdc-menu-panel.form-activities-menu .mat-mdc-menu-content .mat-mdc-menu-item button, .mat-mdc-menu-panel.lesson-activities-dialog .mat-mdc-menu-content .mat-mdc-menu-item button { margin: 0 auto 8px; } .mat-mdc-menu-panel.form-activities-menu .mat-mdc-menu-content .mat-mdc-menu-item > span, .mat-mdc-menu-panel.lesson-activities-dialog .mat-mdc-menu-content .mat-mdc-menu-item > span { font-size: 14px; line-height: initial; white-space: pre-line; } .mat-mdc-menu-panel.lesson-activities-dialog .mat-mdc-menu-content .mat-mdc-menu-item .mat-icon { margin: 10px auto; } .cdk-overlay-container { /* dialog box modal */ } .cdk-overlay-container .mat-mdc-dialog-surface video { max-height: 60vh; width: 100%; } .cdk-overlay-container .close-button { float: right; } .cdk-overlay-container .upload-dragndrop { border: 1px dashed #4a4a4a !important; border-radius: 0 !important; padding: 50px 50px 100px; color: #4a4a4a; } .cdk-overlay-container .upload-dragndrop .content { color: #4a4a4a; text-align: center; } .cdk-overlay-container .mat-mdc-icon-button.close { background-color: #fff; } .cdk-overlay-container .mat-mdc-button:hover #Calque_1 { color: #00e998; fill: white; } .cdk-overlay-container .mat-mdc-button:hover #Calque_1 { color: #00e998; fill: white; } .example-loading-shade { position: absolute; top: 0; left: 0; bottom: 56px; right: 0; background: rgba(0, 0, 0, 0.15); z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .upload-zone { width: 100%; height: 150px; border: 4px black dashed; } .box__dragndrop, .box__uploading, .box__success, .box__error { display: none; } .box.has-advanced-upload { background-color: white; outline: 2px dashed black; outline-offset: -10px; } .box.has-advanced-upload .box__dragndrop { display: inline; } file-drop .upload-dragndrop { display: flex; justify-content: center; padding: 70px !important; margin: 20px 0 0; } file-drop .upload-dragndrop .content { flex-direction: column-reverse; } .corpus-upload .content { display: flex; flex-direction: column; font-weight: bold; font-size: large; } .content-url-import { height: 100%; flex: 1 1 auto; min-width: 0; margin-left: 25px; padding-right: 50px; justify-content: center; align-items: center; justify-self: center; align-self: center; text-align: center; } .content-url-import em.mr-auto { font-size: initial; font-weight: initial; } .spinner-wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 125px; } app-dialog-event .container.learner { --base-color: #E88224; --base-color-transparent: #E8822480; } app-dialog-event .container.trainer { --base-color: #C94500; --base-color-transparent: #C9450080; } app-dialog-event .container.manager { --base-color: #ababab; --base-color-transparent: #ababab80; } app-dialog-event .title { background-color: var(--base-color) !important; color: #fff; } app-dialog-event .title.homework { background-color: #24B7C7 !important; --base-color-transparent: #24B7C780; } app-dialog-event .title.assessment { background-color: #006D86 !important; --base-color-transparent: #006D8680; } app-dialog-event .title .close-button { margin-right: 24px; } app-dialog-event .title .close-button .close-icon { color: #fff; } app-dialog-event .title .close-button .close-icon svg { fill: #fff; } app-dialog-event .title .close-button .close-icon svg path { fill: #fff; } app-dialog-event .full-width { display: flex; align-items: flex-end; } app-dialog-event .full-width.field-title { align-items: flex-start; } app-dialog-event .full-width.field-title .icon-container { padding: 0.5em; border-radius: 50%; height: 48px; width: 48px; margin: 7.75px 0 7.75px 7.75px; } app-dialog-event .full-width.field-title .icon-container.assessment { background-color: #006D86; } app-dialog-event .full-width.field-title .icon-container.homework { background-color: #24B7C7; } app-dialog-event .full-width.field-title .icon-container mat-icon { height: 36px; width: 36px; color: #fff; } app-dialog-event .full-width.field-title .icon-container mat-icon svg path { fill: #fff; } app-dialog-event .full-width mat-form-field { flex: 1; } app-dialog-event .field-date { padding-right: 10px; } app-dialog-event .field-time { padding-left: 10px; } app-dialog-event .added-margin { margin-bottom: 1.25rem; } app-dialog-event .mat-mdc-raised-button { background-color: #24B7C7; color: #fff; font-weight: 600; text-transform: uppercase; } app-dialog-event .mat-mdc-raised-button[disabled][disabled] { background-color: rgba(0, 0, 0, 0.12); } app-dialog-event app-members-filter .mat-mdc-form-field { margin-right: 16px; max-width: 300px; } .wide-dialog { width: 80% !important; min-width: 80% !important; max-width: 80% !important; position: absolute !important; top: 5% !important; bottom: 5% !important; } .wide-dialog mat-dialog-container .mat-mdc-dialog-surface { width: 100% !important; max-width: 100% !important; max-height: inherit !important; } .wide-dialog mat-dialog-container .mat-mdc-dialog-surface mat-dialog-content.mat-mdc-dialog-content { max-height: 75vh; } .wide-dialog mat-dialog-container .mat-mdc-dialog-surface mat-dialog-content.mat-mdc-dialog-content iframe { min-height: inherit; height: 67vh; width: 70vw; } .backdrop-blur { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .toast-dialog { position: absolute !important; top: 1%; right: 1%; } .toast-dialog .mat-mdc-dialog-title { color: black; } .toast-dialog mat-dialog-container .mat-mdc-dialog-surface { width: 100%; max-width: 100%; max-height: inherit; border-radius: 25px; border: none; } .fullsizeImage .is-picture { height: 78vh; } .fullsizeImage .action-buttons { display: none; } .fullsizeImage mat-dialog-container .mat-mdc-dialog-surface.mat-mdc-dialog-surface, .fullsizeImage mat-dialog-container .mat-mdc-dialog-surface.mat-mdc-dialog-surface { max-width: 100% !important; } .fullsizeImage .mat-mdc-dialog-content img { display: block; width: auto; max-height: 100%; max-width: 100%; } .fullsizeImage .mat-mdc-dialog-content { max-height: 80vh; } .fullsizeImage mat-dialog-container .mat-mdc-dialog-surface.mat-mdc-dialog-surface, .fullsizeImage mat-dialog-container .mat-mdc-dialog-surface.mat-mdc-dialog-surface { padding-bottom: 0; } .fullsizeImage mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-content, .fullsizeImage MAT-DIALOG-CONTENT { padding-bottom: 0; } .fullsizeImage mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions { display: none; } mat-dialog-container .mat-mdc-dialog-surface .consigne-img { text-align: center; display: inline-block; position: relative; max-height: 79vh !important; } mat-dialog-container .mat-mdc-dialog-surface .consigne-img .action-buttons { color: #005D92; position: absolute; bottom: 20px; right: 25px; text-align: right; } mat-dialog-container .mat-mdc-dialog-surface .consigne-img .action-buttons mat-icon { background: white; border-radius: 20px; } .filters .mat-mdc-form-field-prefix, .filters .mat-mdc-form-field-suffix { width: 24px; height: 24px; } .filters .mat-mdc-form-field-prefix .mat-icon, .filters .mat-mdc-form-field-suffix .mat-icon { position: absolute; top: 5px; } .filters .mat-mdc-form-field-prefix .mat-icon svg, .filters .mat-mdc-form-field-suffix .mat-icon svg { transform: scale(0.8); } .filters .mat-mdc-form-field-prefix .mat-icon svg path, .filters .mat-mdc-form-field-suffix .mat-icon svg path { fill: rgba(0, 0, 0, 0.38); } .filters .mat-mdc-form-field-infix { width: auto; } fuse-app-lessons-list .filters:not(:root:root) { padding-top: 30px; } .filters form { width: 100%; } .filters button { margin-bottom: 8px; } .filters .mat-toolbar-row, .filters .mat-toolbar-single-row { height: auto; flex-wrap: wrap; } .filters .mat-toolbar-row .count-entities, .filters .mat-toolbar-single-row .count-entities { margin-left: auto; } .filters.mat-toolbar-multiple-rows { width: auto; } fuse-groups-list .filters .mat-toolbar-row, fuse-groups-list .filters .mat-toolbar-single-row { width: auto; } .filters-expand-wrapper .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header, .filters-expand-wrapper .mat-expansion-panel.mat-expanded .mat-expansion-panel-header { padding: 0; min-height: 87px; } .filters-expand-wrapper .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header .filters, .filters-expand-wrapper .mat-expansion-panel.mat-expanded .mat-expansion-panel-header .filters { flex: 1; margin: 0; padding: 15px 0 0 0; } .filters-expand-wrapper .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header .filters .mat-toolbar-row, .filters-expand-wrapper .mat-expansion-panel.mat-expanded .mat-expansion-panel-header .filters .mat-toolbar-row { place-content: center space-between; align-items: center; } .filters-expand-wrapper .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header .filters .mat-icon, .filters-expand-wrapper .mat-expansion-panel.mat-expanded .mat-expansion-panel-header .filters .mat-icon { transform: rotate(0); } .filters-expand-wrapper .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header .filters .mat-icon svg path, .filters-expand-wrapper .mat-expansion-panel.mat-expanded .mat-expansion-panel-header .filters .mat-icon svg path { fill: none; } .filters-expand-wrapper .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-body, .filters-expand-wrapper .mat-expansion-panel.mat-expanded .mat-expansion-panel-body { padding: 0; } .filters { transition: max-height 1s ease; position: relative; overflow: hidden; flex: none; } .filters.mat-toolbar-multiple-rows.isCollapsed { min-height: 75px; } .filters.isCollapsed { flex: none; max-height: 0; transition: 1s ease-out; top: 0; } .filters.isCollapsed .collapsibleFields { animation-name: fadeOut; animation-duration: 1s; animation-fill-mode: both; overflow: hidden; width: 0; height: 0; min-width: 0 !important; max-width: 0 !important; padding: 0 !important; margin: 0; display: none; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .filters.isExpanded { max-height: 500px; transition: 1s ease-out; flex: none; } .filters.isExpanded .collapsibleFields { animation-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; } @keyframes fadeIn { 0% { opacity: 0; min-width: 0; width: 0; } 100% { opacity: 1; min-width: 190px; width: inherit; } } .filters .btn-collapse { position: absolute; bottom: 10px; right: 10px; display: inline-flex; padding: 5px; flex-direction: row; align-items: center; background-color: transparent; color: #ffed00; } .filters .btn-collapse .mat-icon { display: flex; border-radius: 50%; border: 1px solid #ffed00; margin-left: 10px; } .filters .btn-collapse:not(.mat-mdc-outlined-button) { background-color: transparent; color: #ffed00; } .filters .btn-collapse:not(.mat-mdc-outlined-button) path { fill: none; } /****************** color ******************/ /********* header (Banners) *********/ .page-layout.simple > .header, .page-layout.simple.tabbed > .header, .page-layout.simple.fullwidth > .header, .page-layout.simple.inner-sidebar > .header, app-corpus-display .header, app-basic-page .header { height: 74px; min-height: 74px; padding: 24px; flex-direction: row; box-sizing: border-box; display: flex; max-height: 100%; place-content: center flex-start; align-items: center; } .page-layout.simple > .header h2, .page-layout.simple.tabbed > .header h2, .page-layout.simple.fullwidth > .header h2, .page-layout.simple.inner-sidebar > .header h2, app-corpus-display .header h2, app-basic-page .header h2 { font-weight: 700; } .dl-listitem-inline hr, dl hr { display: none; } .dl-listitem-inline dt, .dl-listitem-inline dd, dl dt, dl dd { display: inline; } .dl-listitem-inline dt::before, dl dt::before { content: ""; display: inline-block; } .dl-listitem-inline dt::after, dl dt::after { content: " : "; display: inline; padding-right: 5px; margin-left: 5px; font-weight: bold; } .dl-listitem-inline dd, dl dd { margin: 0 0 18px 0; } .dl-listitem-inline dd p, dl dd p { display: inline; margin-top: 0; } .dl-listitem-inline dd::after, dl dd::after { content: ""; display: block; height: 5px; } .dl-listitem-inline dd.span-divider span:not(:last-of-type):after, dl dd.span-divider span:not(:last-of-type):after { content: ", "; } ul.ul-reset { list-style-type: none; margin: 0; padding: 0; } .pastille { display: inline-block; border-radius: 50%; cursor: pointer; background-color: #ebebeb; width: 24px; height: 24px; } .pastille.selected { box-sizing: border-box; border: 3px solid #FFFFFF; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.77); } .pastille.pastille-icon { display: flex; place-content: center; align-items: center; } .pastille.pastille-icon path { fill: #fff; } .pastille .mat-icon path { fill: #fff; } form .pastille { height: 53px; width: 53px; } lms-research-sheet-display-section .pastille { width: 10px; height: 10px; background: #ebebeb; } lms-research-sheet-display-add-section .pastille { box-shadow: 0px 0px 10px rgba(255, 120, 125, 0.3); min-width: 40px; min-height: 40px; color: white; } app-research-sheet-list .pastille { display: inline-block; height: 16px; width: 16px; background-color: #DFB900; } fuse-register .pastille { height: 160px; width: 160px; } fuse-app-lessons .pastille { height: 16px; width: 16px; background-color: #DFB900; } app-dash-widget .pastille { width: 23px; height: 23px; } /** css for loading spinner and for desactivated all fields during loading spinner use in directive SpinnerDirective that inject loader inside button using it in loading state */ @keyframes spinner-button { to { transform: rotate(360deg); } } .spinner-button:before { content: ""; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid white; border-top-color: #ebebeb; animation: spinner-button 0.8s linear infinite; } /** when spinner is active on a button we hide text and show loader instead it's use by the directive */ .spinner-active-hide-text { color: transparent !important; } .spinner-active-hide-icons .mat-icon { display: none !important; } .disabled-border-fieldset-when-loading { border: none !important; margin: 0px !important; padding: 0px !important; } table { width: 100%; } table th.mat-column-checkbox, table td.mat-column-checkbox { width: 58px; } table th.mat-column-icon, table td.mat-column-icon { text-align: center; } table th.mat-mdc-header-cell, table td.mat-mdc-cell { padding: 3px 8px; } table th.cdk-column-consulted, table td.cdk-column-consulted { width: 150px; text-align: center; } table th.cdk-column-consulted .mat-icon, table td.cdk-column-consulted .mat-icon { color: #C4C4C4; height: 28px; width: 28px; } table th.cdk-column-consulted .mat-icon.active, table td.cdk-column-consulted .mat-icon.active { color: #FCB731; } table tr { height: 56px; } table tr:hover { cursor: pointer; } table tr.mat-mdc-header-row { height: 37px; } table .mat-column-expandRow { width: 32px; } table tbody:before { content: ""; display: block; height: 5px; } table .th__span--hidden-accessibility { position: absolute; top: -9999px; left: -9999px; } navbar-vertical-style-2 .navbar-header .logo { display: flex; align-items: center; } navbar-vertical-style-2 .navbar-header .logo .logo-text { display: none; } navbar-vertical-style-2 .navbar-header .logo a { cursor: pointer; } navbar-vertical-style-2 .nav .nav-subheader { display: flex; align-items: center; height: 48px; font-weight: 500; padding-left: 24px; margin-top: 8px; font-size: 12px; white-space: nowrap; } navbar-vertical-style-2 .nav .nav-group { display: block; } navbar-vertical-style-2 .nav .nav-group > .group-title { position: relative; display: flex; align-items: center; height: 48px; font-weight: 500; padding-left: 24px; margin-top: 8px; font-size: 12px; white-space: nowrap; } navbar-vertical-style-2 .nav .nav-item .nav-link .nav-link-icon { margin-right: 16px; } navbar-vertical-style-2 .nav .nav-item .nav-link > .nav-link-title { flex: 1; white-space: normal; } #register { display: flex; flex-direction: column; flex: 1; width: 100%; overflow: auto; } #register #register-form-wrapper { flex: 1 0 auto; padding: 32px; } @media screen and (max-width: 599px) { #register #register-form-wrapper { padding: 16px; } } #register-form { padding: 32px; background: #FFFFFF; text-align: center; box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } #register-form .frc-captcha { position: absolute !important; right: 0; bottom: 0; } @media screen and (max-width: 599px) { #register-form { padding: 24px; width: 100%; } } #register-form .logo { width: 128px; margin: 0 auto; } #register-form .title { font-size: 20px; margin: 16px 0 32px 0; } #register-form form { width: 100%; text-align: left; } #register-form form mat-form-field { width: 100%; } #register-form form mat-checkbox { margin: 0; } #register-form form .terms { margin: 16px 0 32px 0; } #register-form form .terms a { font-size: 16px; margin-left: 4px; } #register-form form .submit-button { width: 220px; margin: 16px auto; display: block; } #register-form form .submit-button:disabled { opacity: 0.5; cursor: not-allowed; background-color: #ffed00; color: #ebebeb; } @media screen and (max-width: 599px) { #register-form form .submit-button { width: 90%; } } #register-form .register { margin: 32px auto 24px auto; font-weight: 500; } #register-form .register .text { margin-right: 8px; } #register-form .separator { font-size: 15px; font-weight: 600; margin: 24px auto; position: relative; overflow: hidden; width: 100px; color: rgba(0, 0, 0, 0.54); } #register-form .separator .text { display: inline-flex; position: relative; padding: 0 8px; z-index: 9999; } #register-form .separator .text:before, #register-form .separator .text:after { content: ""; display: block; width: 30px; position: absolute; top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.12); } #register-form .separator .text:before { right: 100%; } #register-form .separator .text:after { left: 100%; } #register-form button.google, #register-form button.facebook { width: 192px; text-transform: none; color: #FFFFFF; font-size: 13px; } @media screen and (max-width: 599px) { #register-form button { width: 80%; } } #register-form button.google { background-color: #D73D32; margin-bottom: 8px; } #register-form button.facebook { background-color: rgb(63, 92, 154); } #register-form #bloc-you-are h2, #register-form #bloc-you-are label { color: #3C3C3C; font-family: Raleway; } #register-form #bloc-you-are .bloc-title h2 { color: #3B4750; font-family: Raleway; font-size: 24px; font-weight: 500; line-height: 29px; } #register-form #bloc-you-are .bloc-title label { font-size: 36px; font-weight: bold; line-height: 42px; text-align: center; } #register-form #bloc-you-are .bloc-pastille-register label { font-size: 14px; font-weight: bold; line-height: 16px; height: 50px; margin: 0; } #register-form #bloc-you-are .bloc-pastille-register .pastille { border-radius: 50%; height: 160px; width: 160px; cursor: pointer; } fuse-profile-about #about { max-width: 1200px; } fuse-profile-about #about .about-content .general .location mat-icon { line-height: 13px !important; } fuse-profile-about #about .about-content .work .job .company { padding: 0 16px 0 0; font-weight: 500; } fuse-profile-about #about .about-content .work .job .date { color: rgba(0, 0, 0, 0.54); } fuse-profile-about #about .about-sidebar { padding-left: 32px; } @media screen and (min-width: 600px) and (max-width: 959px) { fuse-profile-about #about .about-sidebar { padding: 8px; } } fuse-profile-about #about .about-sidebar .friends .content .friend { padding: 4px; } fuse-profile-about #about .about-sidebar .groups .content .group { margin-bottom: 16px; } fuse-profile-about #about .about-sidebar .groups .content .group:last-child { margin-bottom: 0; } fuse-profile-about #about .about-sidebar .groups .content .group .logo { border: 1px solid rgba(0, 0, 0, 0.12); margin-right: 16px; } fuse-profile-about #about .about-sidebar .groups .content .group .name { font-weight: 500; font-size: 15px; } fuse-profile-about #about .about-sidebar .groups .content .group .category, fuse-profile-about #about .about-sidebar .groups .content .group .members { color: rgba(0, 0, 0, 0.54); } fuse-profile-about #about .about-sidebar .groups .content .group .members { margin-top: 16px; } fuse-profile-about .profile-box { margin-bottom: 16px; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } fuse-profile-about .profile-box header { padding: 16px; } fuse-profile-about .profile-box header .title { font-size: 17px; } fuse-profile-about .profile-box header .more { cursor: pointer; } fuse-profile-about .profile-box .content { padding: 16px; background-color: #FFF; } fuse-profile-about .profile-box .content .avatar { width: 60px; height: 60px; } fuse-profile-about .profile-box footer { padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.08); background-color: rgba(0, 0, 0, 0.06); } fuse-profile-about .profile-box.info-box .info-line { margin-bottom: 24px; } fuse-profile-about .profile-box.info-box .info-line .title { font-size: 15px; font-weight: 500; padding-bottom: 4px; } fuse-profile-about .profile-box.info-box .info-line:last-child { margin-bottom: 0; } app-upload-file-generic .ngx-file-drop__content { flex-direction: column; } app-upload-file-generic .error { color: #e62716; } fuse-profile-about .profile-box .content { word-break: break-all; } app-login mat-spinner { margin: auto; } app-newsletter-form form { display: flex; flex-direction: column; } app-newsletter-form .actions { display: flex; justify-content: center; margin-top: 32px; } app-generic-assignments-list app-followed-list { display: flex; flex: 1 0 auto; width: 100%; } app-followed-list { flex: 1; display: flex; } app-followed-list table th.mat-column-type, app-followed-list table td.mat-column-type { text-align: center; } app-followed-list table th.mat-column-type .mat-icon, app-followed-list table td.mat-column-type .mat-icon { vertical-align: middle; } app-followed-list table th.mat-column-assigned_node_title, app-followed-list table td.mat-column-assigned_node_title { width: 30%; } app-followed-list table th.mat-column-start_date, app-followed-list table td.mat-column-start_date { text-align: center; } app-followed-list table th.mat-column-end_date, app-followed-list table td.mat-column-end_date { text-align: center; } app-followed-list table th.mat-column-assigned_user, app-followed-list table td.mat-column-assigned_user { text-align: center; } app-followed-list table th.mat-column-state, app-followed-list table td.mat-column-state { text-align: center; } app-followed-list table th.mat-column-progress, app-followed-list table td.mat-column-progress { text-align: center; } app-followed-list table th.mat-column-score, app-followed-list table td.mat-column-score { text-align: center; } app-followed-list table th.mat-column-buttons, app-followed-list table td.mat-column-buttons { text-align: right; } .adaptative-popin .mat-mdc-dialog-content { text-align: center; } .adaptative-popin .mat-mdc-dialog-content mat-icon { height: auto; width: 30vh; } #login { width: 100%; overflow: auto; } #login #login-form-wrapper, #login #login-sso-wrapper { flex: 1 0 auto; padding: 32px; } @media screen and (max-width: 599px) { #login #login-form-wrapper, #login #login-sso-wrapper { padding: 16px; } } #login #login-form-wrapper #login-form, #login #login-form-wrapper #login-sso, #login #login-sso-wrapper #login-form, #login #login-sso-wrapper #login-sso { width: 384px; max-width: 384px; padding: 32px; background: #FFFFFF; text-align: center; box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } @media screen and (max-width: 599px) { #login #login-form-wrapper #login-form, #login #login-form-wrapper #login-sso, #login #login-sso-wrapper #login-form, #login #login-sso-wrapper #login-sso { padding: 24px; width: 100%; } } #login #login-form-wrapper #login-form .logo, #login #login-form-wrapper #login-sso .logo, #login #login-sso-wrapper #login-form .logo, #login #login-sso-wrapper #login-sso .logo { width: 128px; margin: 32px auto; } #login #login-form-wrapper #login-form .title, #login #login-form-wrapper #login-sso .title, #login #login-sso-wrapper #login-form .title, #login #login-sso-wrapper #login-sso .title { margin: 16px 0 32px 0; } #login #login-form-wrapper #login-form form, #login #login-form-wrapper #login-sso form, #login #login-sso-wrapper #login-form form, #login #login-sso-wrapper #login-sso form { width: 100%; text-align: left; } #login #login-form-wrapper #login-form form mat-form-field, #login #login-form-wrapper #login-sso form mat-form-field, #login #login-sso-wrapper #login-form form mat-form-field, #login #login-sso-wrapper #login-sso form mat-form-field { width: 100%; } #login #login-form-wrapper #login-form form mat-checkbox, #login #login-form-wrapper #login-sso form mat-checkbox, #login #login-sso-wrapper #login-form form mat-checkbox, #login #login-sso-wrapper #login-sso form mat-checkbox { margin: 0; } #login #login-form-wrapper #login-form form .remember-forgot-password, #login #login-form-wrapper #login-sso form .remember-forgot-password, #login #login-sso-wrapper #login-form form .remember-forgot-password, #login #login-sso-wrapper #login-sso form .remember-forgot-password { margin-top: 8px; } #login #login-form-wrapper #login-form form .remember-forgot-password .remember-me, #login #login-form-wrapper #login-sso form .remember-forgot-password .remember-me, #login #login-sso-wrapper #login-form form .remember-forgot-password .remember-me, #login #login-sso-wrapper #login-sso form .remember-forgot-password .remember-me { margin-bottom: 16px; } #login #login-form-wrapper #login-form form .remember-forgot-password .forgot-password, #login #login-form-wrapper #login-sso form .remember-forgot-password .forgot-password, #login #login-sso-wrapper #login-form form .remember-forgot-password .forgot-password, #login #login-sso-wrapper #login-sso form .remember-forgot-password .forgot-password { font-weight: 500; margin-bottom: 16px; } #login #login-form-wrapper #login-form form .submit-button, #login #login-form-wrapper #login-sso form .submit-button, #login #login-sso-wrapper #login-form form .submit-button, #login #login-sso-wrapper #login-sso form .submit-button { width: 220px; margin: 16px auto; display: block; } @media screen and (max-width: 599px) { #login #login-form-wrapper #login-form form .submit-button, #login #login-form-wrapper #login-sso form .submit-button, #login #login-sso-wrapper #login-form form .submit-button, #login #login-sso-wrapper #login-sso form .submit-button { width: 90%; } } #login #login-form-wrapper #login-form .register, #login #login-form-wrapper #login-sso .register, #login #login-sso-wrapper #login-form .register, #login #login-sso-wrapper #login-sso .register { margin: 32px auto 24px auto; font-weight: 500; } #login #login-form-wrapper #login-form .register .text, #login #login-form-wrapper #login-sso .register .text, #login #login-sso-wrapper #login-form .register .text, #login #login-sso-wrapper #login-sso .register .text { margin-right: 8px; } #login #login-form-wrapper #login-form .separator, #login #login-form-wrapper #login-sso .separator, #login #login-sso-wrapper #login-form .separator, #login #login-sso-wrapper #login-sso .separator { font-size: 15px; font-weight: 600; margin: 24px auto; position: relative; overflow: hidden; width: 100px; color: rgba(0, 0, 0, 0.54); } #login #login-form-wrapper #login-form .separator .text, #login #login-form-wrapper #login-sso .separator .text, #login #login-sso-wrapper #login-form .separator .text, #login #login-sso-wrapper #login-sso .separator .text { display: inline-flex; position: relative; padding: 0 8px; z-index: 9999; } #login #login-form-wrapper #login-form .separator .text:before, #login #login-form-wrapper #login-form .separator .text:after, #login #login-form-wrapper #login-sso .separator .text:before, #login #login-form-wrapper #login-sso .separator .text:after, #login #login-sso-wrapper #login-form .separator .text:before, #login #login-sso-wrapper #login-form .separator .text:after, #login #login-sso-wrapper #login-sso .separator .text:before, #login #login-sso-wrapper #login-sso .separator .text:after { content: ""; display: block; width: 30px; position: absolute; top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.12); } #login #login-form-wrapper #login-form .separator .text:before, #login #login-form-wrapper #login-sso .separator .text:before, #login #login-sso-wrapper #login-form .separator .text:before, #login #login-sso-wrapper #login-sso .separator .text:before { right: 100%; } #login #login-form-wrapper #login-form .separator .text:after, #login #login-form-wrapper #login-sso .separator .text:after, #login #login-sso-wrapper #login-form .separator .text:after, #login #login-sso-wrapper #login-sso .separator .text:after { left: 100%; } #login #login-form-wrapper #login-form button.google, #login #login-form-wrapper #login-form button.facebook, #login #login-form-wrapper #login-sso button.google, #login #login-form-wrapper #login-sso button.facebook, #login #login-sso-wrapper #login-form button.google, #login #login-sso-wrapper #login-form button.facebook, #login #login-sso-wrapper #login-sso button.google, #login #login-sso-wrapper #login-sso button.facebook { width: 192px; text-transform: none; color: #FFFFFF; } @media screen and (max-width: 599px) { #login #login-form-wrapper #login-form button, #login #login-form-wrapper #login-sso button, #login #login-sso-wrapper #login-form button, #login #login-sso-wrapper #login-sso button { width: 80%; } } #login #login-form-wrapper #login-form button.google, #login #login-form-wrapper #login-sso button.google, #login #login-sso-wrapper #login-form button.google, #login #login-sso-wrapper #login-sso button.google { background-color: #D73D32; margin-bottom: 8px; } #login #login-form-wrapper #login-form button.facebook, #login #login-form-wrapper #login-sso button.facebook, #login #login-sso-wrapper #login-form button.facebook, #login #login-sso-wrapper #login-sso button.facebook { background-color: rgb(63, 92, 154); } #login .social-connect { display: none; } #login .register { flex-direction: column; place-content: center; align-items: center; box-sizing: border-box; display: flex; } #register .mat-mdc-form-field { padding: 0 5px; } #register jhi-re-captcha { margin-top: 20px; } #register .level-input-hide { visibility: hidden; } #forgot-password { width: 100%; overflow: auto; background: url("/assets/cycle-1-tne-canope/images/backgrounds/dark-material-bg.jpg") no-repeat; background-size: cover; } #forgot-password #forgot-password-form-wrapper { flex: 1 0 auto; padding: 32px; } @media screen and (max-width: 599px) { #forgot-password #forgot-password-form-wrapper { padding: 16px; } } #forgot-password #forgot-password-form-wrapper #forgot-password-form { width: 384px; max-width: 384px; padding: 32px; text-align: center; background: #FFFFFF; box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } @media screen and (max-width: 599px) { #forgot-password #forgot-password-form-wrapper #forgot-password-form { padding: 24px; width: 100%; } } #forgot-password #forgot-password-form-wrapper #forgot-password-form .logo { width: 128px; margin: 32px auto; } #forgot-password #forgot-password-form-wrapper #forgot-password-form .title { font-size: 20px; margin: 16px 0 32px 0; } #forgot-password #forgot-password-form-wrapper #forgot-password-form form { width: 100%; text-align: left; } #forgot-password #forgot-password-form-wrapper #forgot-password-form form mat-form-field { width: 100%; } #forgot-password #forgot-password-form-wrapper #forgot-password-form form .submit-button { min-width: 240px; margin: 16px auto; display: block; } @media screen and (max-width: 599px) { #forgot-password #forgot-password-form-wrapper #forgot-password-form form .submit-button { width: 90%; } } #forgot-password #forgot-password-form-wrapper #forgot-password-form .login { margin: 32px auto 24px auto; width: 250px; font-weight: 500; } #forgot-password #forgot-password-form-wrapper #forgot-password-form .login .text { margin-right: 8px; } @media (max-width: 599px) { #login div#login-form-wrapper #login-form { width: auto !important; } } /* * * From corpus-display.component * TODO merge this css component/default */ app-corpus-root button.file-uploader { position: absolute; z-index: 1000; bottom: 15px; right: 15px; } app-corpus-root table td { flex-direction: column; } app-corpus-root table th.mat-column-icon, app-corpus-root table td.mat-column-icon { text-align: center; } app-corpus-root table th.mat-column-icon .mat-icon, app-corpus-root table td.mat-column-icon .mat-icon { vertical-align: middle; } app-corpus-root app-corpus-display { flex: 1 1 0%; } app-corpus-root app-corpus-display .create-corpus-helper { color: #FFF; font-size: 16px; padding-left: 16px; } app-corpus-root app-corpus-display .create-corpus-helper.empty-corpus { background-color: #ffed00; text-align: center; padding: 15px 20%; font-weight: 700; } app-corpus-root app-corpus-display #file-manager .center, app-corpus-root app-corpus-display #file-manager app-multi-graph-view app-errors-graph .no-data-container, app-multi-graph-view app-errors-graph app-corpus-root app-corpus-display #file-manager .no-data-container, app-corpus-root app-corpus-display #file-manager app-single-graph-view app-errors-graph .no-data-container, app-single-graph-view app-errors-graph app-corpus-root app-corpus-display #file-manager .no-data-container { overflow: hidden; } app-corpus-root app-corpus-display #file-manager .center > .content, app-corpus-root app-corpus-display #file-manager app-multi-graph-view app-errors-graph .no-data-container > .content, app-multi-graph-view app-errors-graph app-corpus-root app-corpus-display #file-manager .no-data-container > .content, app-corpus-root app-corpus-display #file-manager app-single-graph-view app-errors-graph .no-data-container > .content, app-single-graph-view app-errors-graph app-corpus-root app-corpus-display #file-manager .no-data-container > .content { padding: 16px; flex: 1 1 auto; overflow: auto; } app-corpus-root app-corpus-display #file-manager .sidebar { width: 250px; min-width: 250px; max-width: 250px; padding: 0 15px; } @media screen and (min-width: 1280px) { app-corpus-root app-corpus-display #file-manager .sidebar.details-sidebar { z-index: 0; } } app-corpus-root app-corpus-display #file-manager .sidebar .preview > div { display: flex; flex-direction: column; justify-content: center; align-items: center; } app-corpus-root app-corpus-display #file-manager .sidebar .preview .mat-icon { height: 48px; width: 48px; cursor: pointer; } app-corpus-display-embed { flex-direction: column; } router-outlet + app-group, router-outlet + app-workgroup, router-outlet + app-learner { padding: 16px; } app-join-group .success { color: #ffed00; } module-groups-listing #entity { overflow: auto; } fuse-groups-list > .content, module-groups-listing > .content { overflow-y: auto; min-height: 0; } fuse-groups-list table th.mat-column-avatar, fuse-groups-list table td.mat-column-avatar, module-groups-listing table th.mat-column-avatar, module-groups-listing table td.mat-column-avatar { width: 64px; } fuse-groups-list table th.mat-column-color, fuse-groups-list table td.mat-column-color, module-groups-listing table th.mat-column-color, module-groups-listing table td.mat-column-color { text-align: center; } fuse-groups-list table th.mat-column-buttons, fuse-groups-list table th.mat-column-assignation_tab_results, fuse-groups-list table td.mat-column-buttons, fuse-groups-list table td.mat-column-assignation_tab_results, module-groups-listing table th.mat-column-buttons, module-groups-listing table th.mat-column-assignation_tab_results, module-groups-listing table td.mat-column-buttons, module-groups-listing table td.mat-column-assignation_tab_results { width: 80px; text-align: right; } fuse-groups-list table .pastille, module-groups-listing table .pastille { width: 40px; height: 40px; display: flex; } .groups-list__table-wrapper .mat-row-editing { position: relative; min-height: 75px; } .groups-list__table-wrapper .mat-column-editing { min-height: 75px; padding: 0; width: 100%; } .mat-mdc-menu-panel { max-width: inherit !important; } .mat-mdc-menu-panel .mat-mdc-menu-content:not(:empty) { padding: 10px; } .mat-mdc-menu-panel .mat-mdc-radio-group { display: flex; } .mat-mdc-menu-panel .mat-mdc-radio-group .mat-mdc-radio-button { margin: 0 10px; } .mat-mdc-menu-panel .mat-mdc-radio-group .mat-mdc-radio-button, .mat-mdc-menu-panel .mat-mdc-radio-group .mdc-radio, .mat-mdc-menu-panel .mat-mdc-radio-group .mdc-radio__outer-circle { width: 40px; height: 40px; padding: 0; border: none; } .mat-mdc-menu-panel .mat-mdc-radio-group .mat-mdc-radio-checked .mdc-radio__inner-circle { width: 100%; height: 100%; background-color: transparent; border: 3px solid #ffed00; transform: scale(1) translate(0px, 0px); padding: 0; } app-graph-group-management .underline { padding-bottom: 3px; border-bottom: 1px solid darkgrey; } app-graph-group-management .selected-exercice { font-style: normal; font-weight: normal; font-size: 18px; text-align: left; padding-top: 6px; } app-home-page .container-banner-home-header { margin: 20px 0; width: calc(100% - 60px); border-radius: 5px; position: relative; } app-home-page .banner { position: relative; height: 250px; margin: 20px 0; border-radius: 5px; max-height: 160px; height: 160px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } app-home-page .home-header { width: 100%; margin: 20px 0; position: absolute; top: 0; max-height: 160px; height: 160px; color: white; background-image: linear-gradient(90deg, #323A49 41.15%, rgba(50, 58, 73, 0.83) 66.34%); border-radius: 5px; padding: 5px; } app-home-page .content-cards { width: calc(100% - 60px); gap: 25px 2%; flex-flow: row wrap; box-sizing: border-box; display: flex; } app-home-page .content-cards.home-page__progression .mat-mdc-card-title { display: flex; align-content: center; align-items: center; } app-home-page .content-cards.home-page__progression .mat-mdc-card-title .learners-count { padding-left: 40px; margin-left: auto; position: relative; } app-home-page .content-cards.home-page__progression .mat-mdc-card-title .learners-count:before { content: ""; display: block; position: absolute; top: 50%; left: 5px; width: 24px; min-width: 24px; height: 24px; min-height: 24px; font-size: 24px; line-height: 24px; transform: translateY(-50%); background-color: var(--blanc, #fff); -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/group.svg"); -webkit-mask-repeat: no-repeat; mask-image: url("/assets/cycle-1-tne-canope/icons/group.svg"); mask-repeat: no-repeat; background-repeat: no-repeat; } app-home-page .content-cards.home-page__progression .wrapper-inner-content-card { width: 100%; margin-bottom: 20px; gap: 10px; } app-home-page .content-cards.home-page__progression .wrapper-inner-content-card .inner-content-card { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; border-radius: 4px; border: 1px solid #FFF; word-break: break-word; padding: 40px 50px 10px 10px; background: rgba(250, 250, 250, 0.8); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06); position: relative; color: var(--text); opacity: 0.5; } app-home-page .content-cards.home-page__progression .wrapper-inner-content-card .inner-content-card:before, app-home-page .content-cards.home-page__progression .wrapper-inner-content-card .inner-content-card:after { position: absolute; content: ""; display: block; width: 24px; min-width: 24px; height: 24px; min-height: 24px; font-size: 24px; line-height: 24px; } app-home-page .content-cards.home-page__progression .wrapper-inner-content-card .inner-content-card.collective-assignment:before { top: 10px; background-image: url("/assets/cycle-1-tne-canope/icons/assignation.svg"); } app-home-page .content-cards.home-page__progression .wrapper-inner-content-card .inner-content-card.individual-assignment:before { top: 10px; background-image: url("/assets/cycle-1-tne-canope/icons/assignation.svg"); } app-home-page .content-cards.home-page__progression .wrapper-inner-content-card .inner-content-card:after { top: 50%; right: 10px; transform: translateY(-50%); background-image: url("/assets/cycle-1-tne-canope/icons/goto.svg"); } app-home-page .content-cards.home-page__progression .wrapper-inner-content-card .inner-content-card.active { opacity: 1; border: 1px solid var(--Rouge_Tralalere_accessible, #E62716); } app-home-page .title { text-decoration: none; position: relative; font-style: normal; letter-spacing: 1.5px; color: #ebebeb; flex: 1; display: flex; align-items: center; margin: 0; /* H1 Bold 24 */ font-weight: 700; font-size: 24px; line-height: 28px; text-align: center; } app-home-page .content { flex: 1; font-weight: 400; font-size: 16px; line-height: 19px; color: #000000; } app-home-page .content p { letter-spacing: 1.5px; color: #ebebeb; font-style: normal; font-weight: 700; font-size: 13px; line-height: 15px; } app-home-page .mat-mdc-card { padding: 0; height: 250px; overflow: inherit; background: #FFFFFF; box-shadow: 0px 12px 40px -25px rgba(0, 0, 0, 0.5); border-radius: 5px; } app-home-page .mat-mdc-card .wrapper-content { height: 100%; width: 100%; padding: 15px 20px; } app-home-page .mat-mdc-card .mat-mdc-card-header { display: flex; align-items: center; border-radius: 5px 5px 0 0; } app-home-page .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-header-text { margin: 0 10px; width: 100%; } app-home-page .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title { margin: 0; color: #fff; font-size: 19px; line-height: 20px; font-weight: 700; width: 100%; } app-home-page .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title .image-title { width: 53px; height: 53px; background-color: white; border: 2px solid #323A49; border-radius: 5px; position: absolute; margin-top: -10px; background-size: 100% auto; background-repeat: no-repeat; background-position: 50% 50%; } app-home-page .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title h2 { padding-left: 10px; } app-home-page .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title .image-title + h3 { padding-left: 70px; } app-home-page .mat-mdc-card .mat-mdc-card-img { color: #fff; width: 140px; min-width: 140px; } app-home-page .mat-mdc-card .mat-mdc-card-img img { margin-bottom: 0; width: 140px; height: 140px; max-width: 140px; max-height: 140px; } app-home-page .mat-mdc-card .mat-mdc-card-content { flex: 1 1 auto !important; overflow: auto; margin-bottom: 0; height: inherit; font-weight: 700; font-size: 12px; line-height: 14px; width: 100%; } app-home-page .mat-mdc-card .mat-mdc-card-content dl { margin: 0; } app-home-page .mat-mdc-card .mat-mdc-card-content dl ul { margin: 0; padding: 0 10px; list-style-position: inside; } app-home-page .mat-mdc-card .mat-mdc-card-actions { margin: 0; padding: 0; flex: 0 0 auto !important; } app-home-page .mat-mdc-card .mat-mdc-card-actions button { border-radius: 16px; padding: 0 36px; } .radios-container .mdc-radio, .radios-container .mdc-radio__outer-circle, .radios-container .mdc-radio__inner-circle, .radios-container input { display: none; } .radios-container .mdc-label { padding: 8px 18px; font-size: 18px; margin: 4px; } html, body { display: flex; flex: 1 0 auto; width: 100%; height: 100%; max-height: 100%; min-height: 100%; margin: 0; padding: 0; overflow: hidden; } a { color: #000; text-decoration: underline; } fuse-app-lessons .page-layout { flex: 1; display: flex; flex-direction: column; } fuse-app-lessons .content { flex: 1; display: flex; flex-direction: column; overflow: auto; } fuse-app-lessons router-outlet + *:not(router-outlet) { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 0; } .ps { position: relative; } .ps > .ps__rail-x { z-index: 99999; } .ps > .ps__rail-y { z-index: 99999; left: auto !important; } @supports selector(::-webkit-scrollbar) { body:not(.is-mobile) ::-webkit-scrollbar { width: 12px; height: 12px; background-color: rgba(0, 0, 0, 0); } body:not(.is-mobile) ::-webkit-scrollbar:hover { background-color: rgba(0, 0, 0, 0.12); } } @supports selector(::-webkit-scrollbar-thumb) { body:not(.is-mobile) ::-webkit-scrollbar-thumb { border: 2px solid transparent; box-shadow: inset 0 0 0 24px rgba(0, 0, 0, 0.37); border-radius: 24px; } body:not(.is-mobile) ::-webkit-scrollbar-thumb:active { box-shadow: inset 0 0 0 24px rgba(0, 0, 0, 0.54); } } mat-spinner.mat-mdc-progress-spinner { margin: auto; } mat-spinner.mat-mdc-progress-spinner svg circle { stroke: #ebebeb; } app-actuality-card { display: contents; } app-actuality-card .actuality-card__wrapper { overflow: hidden; position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: 15rem auto 1fr auto; min-height: 20rem; background-color: #FFF; border-radius: 12px; } @media screen and (min-width: 600px) { app-actuality-card .actuality-card__wrapper { grid-template-columns: 3fr 2fr; grid-template-rows: auto 1fr auto; } } app-actuality-card .actuality-card__wrapper .actuality-card__header { grid-column: 1/span 1; grid-row: 2/span 1; padding: 1.8rem 2.4rem 0.9rem; } @media screen and (min-width: 600px) { app-actuality-card .actuality-card__wrapper .actuality-card__header { grid-row: 1/span 1; } } app-actuality-card .actuality-card__wrapper .actuality-card__header .actuality-card__title { margin: unset; font-size: 2rem; font-weight: 800; line-height: 1.2; text-wrap: balance; } app-actuality-card .actuality-card__wrapper .actuality-card__image { grid-column: 1/span 1; grid-row: 1/span 1; position: absolute; width: 100%; height: 100%; object-fit: cover; } @media screen and (min-width: 600px) { app-actuality-card .actuality-card__wrapper .actuality-card__image { grid-column: 2/span 1; grid-row: 1/span 3; } } app-actuality-card .actuality-card__wrapper .actuality-card__content { grid-column: 1/span 1; grid-row: 3/span 1; padding: 0.9rem 2.4rem 1.8rem; font-weight: 600; } @media screen and (min-width: 600px) { app-actuality-card .actuality-card__wrapper .actuality-card__content { grid-row: 2/span 1; } } app-actuality-card .actuality-card__wrapper .actuality-card__content :first-child { margin-top: unset; } app-actuality-card .actuality-card__wrapper .actuality-card__content :last-child { margin-bottom: unset; } app-actuality-card .actuality-card__wrapper .actuality-card__footer { grid-column: 1/span 1; grid-row: 4/span 1; padding: 0.6rem 2.4rem 2.4rem; } app-actuality-card .actuality-card__wrapper .actuality-card__footer:empty { display: none; } @media screen and (min-width: 600px) { app-actuality-card .actuality-card__wrapper .actuality-card__footer { grid-row: 3/span 1; } } app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); } app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button .mat-icon + span { margin-right: 2px; } app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button span:has(+ .mat-icon) { margin-left: 2px; } } app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button:hover, app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button:hover .mat-icon, app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button.cdk-keyboard-focused .mat-icon { color: !important; } app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button:active .mat-icon { color: !important; } app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button[disabled] .mat-icon { color: #989CA4 !important; } app-actuality-card .actuality-card__wrapper .actuality-card__footer .actuality-card__see-more-button[disabled] { border: none; } .button-list-dialog-panel:is(.button-list-dialog-panel--freemium-premium-enabled) { width: 65rem; max-height: 90vh !important; } @media screen and (min-width: 600px) { .button-list-dialog-panel:is(.button-list-dialog-panel--freemium-premium-enabled) { max-height: 80vh !important; } } .button-list-dialog-panel:is(.button-list-dialog-panel--freemium-premium-enabled) .mdc-dialog { --mdc-dialog-container-elevation: 0 56px 88px 0 rgba($black-c, 0.25); --mdc-dialog-container-shape: 36px; } .button-list-dialog-panel:is(.button-list-dialog-panel--freemium-premium-enabled) .mdc-dialog .mdc-dialog__container .mdc-dialog__surface { overflow: visible; } app-button-list-dialog:not(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .mat-mdc-dialog-title { margin: 0px !important; } app-button-list-dialog:not(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .mat-mdc-dialog-content { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 10px; } app-button-list-dialog:not(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .mat-mdc-dialog-content button { margin-left: 0 !important; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) { max-height: inherit; border-radius: inherit; background-color: #E5EBF1; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__header { display: flex; justify-content: space-between; gap: 1.8rem; padding: 0 3.6rem; background-color: rgba(48, 91, 117, 0.12); border-top-left-radius: inherit; border-top-right-radius: inherit; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__header .button-list-dialog__heading-group { display: flex; flex-direction: column; gap: 0.6rem; padding: 3.6rem 0; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__header .button-list-dialog__heading-group .button-list-dialog__title { margin: unset; font-size: 3rem; font-weight: 700; line-height: 1.15; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__header .button-list-dialog__heading-group .button-list-dialog__subtitle { font-size: 2rem; font-weight: 500; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__header .button-list-dialog__heading-decoration { display: none; } @media screen and (min-width: 600px) { app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__header .button-list-dialog__heading-decoration { flex: 1; display: block; position: relative; min-width: 15rem; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__header .button-list-dialog__heading-decoration::before { content: ""; position: absolute; inset: -35% 0 0; background-image: url("/assets/cycle-1-tne-canope/images/backgrounds/button-list-dialog.png"); background-size: contain; background-position: right bottom; background-repeat: no-repeat; transform: scaleX(-1) rotate(-5deg); } } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content { overflow: auto; padding: 3.6rem; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list { display: grid; grid-template-columns: 1fr; grid-auto-rows: 1fr; gap: 1.2rem; margin: unset; padding: unset; list-style: none; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item { display: contents; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton { display: flex; justify-content: space-between; align-items: center; gap: 2.4rem; border: unset; border-radius: 80px; font-size: 1.8rem; font-weight: 600; transition: background-color 100ms ease-in-out, transform 100ms ease-in-out; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:not([disabled], [premium=true]) { background-color: #ffed00; color: #FFF; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:not([disabled], [premium=true]):hover, app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:not([disabled], [premium=true]):active { background-color: #ecdb00; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:is([disabled], [premium=true]) { background-color: rgba(48, 91, 117, 0.12); } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:not([disabled]):active { transform: translateY(1px); } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:is([disabled]) { pointer-events: none; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:not([premium=true]) { padding: 1.5rem 2.4rem; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:not([premium=true]) mat-icon { flex: none; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:is([premium=true]) { padding: 0.6rem 0.6rem 0.6rem 2.4rem; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:is([premium=true]) .button-list-dialog__premium-tag { display: flex; align-items: center; gap: 0.9rem; padding: 0.9rem 1.8rem; color: #FFF; border-radius: inherit; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:is([premium=true]) .button-list-dialog__premium-tag mat-icon { flex: none; width: 1.8rem; min-width: unset; height: auto; min-height: unset; aspect-ratio: 1; } app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:is([premium=true]) .button-list-dialog__premium-tag mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } @media screen and (max-width: 599px) { app-button-list-dialog:is(.button-list-dialog-panel--freemium-premium-enabled app-button-list-dialog) .button-list-dialog__content .button-list-dialog__session-list .button-list-dialog__session-item .button-list-dialog__start-session-bouton:is([premium=true]) .button-list-dialog__premium-tag span { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } } fuse-app-lessons-tab app-card .mat-mdc-card { overflow: hidden; display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: auto 1fr auto auto; height: 100%; background-color: var(--faux-blanc); border: 1px solid var(--gris-de-contour); border-radius: 6px; box-shadow: 0 12px 40px -25px rgba(0, 0, 0, 0.5); } fuse-app-lessons-tab app-card .mat-mdc-card app-lesson-card-breadcrumb { grid-column: 1/span 2; grid-row: 1/span 1; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-header { grid-column: 1/span 2; grid-row: 2/span 1; position: relative; z-index: 1; justify-content: space-between; align-items: center; padding: 0.9rem 2.1rem; background-color: var(--bj-gris-clair); color: #000; box-shadow: 0px 6px 15px -7px rgba(0, 0, 0, 0.14); } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-header:is(app-lesson-card-breadcrumb + .mat-mdc-card-header) { background-color: #FFF; color: #000; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-title h3 { margin: unset; font-size: 2rem; font-weight: 700; line-height: 1.15; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-header .pastille { display: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-image { grid-column: 1/span 1; grid-row: 3/span 1; position: unset; width: 100%; aspect-ratio: 1; object-fit: contain; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content { grid-column: 2/span 1; grid-row: 3/span 1; position: absolute; overflow-y: auto; flex-direction: column; width: 100%; height: 100%; padding: 0.9rem 1.8rem; color: #000; font-weight: 400; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content .dl-list { flex: 0 !important; margin: unset; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content .dl-list:empty { display: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content .dl-list.content-list .description-field { margin-bottom: 0.9rem; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content .dl-list.content-list .description-field dt { display: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content .dl-list.content-list .description-field dd { margin: unset; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content .dl-list.content-list .description-field dd:after { content: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content .dl-list.content-list .educationalLevel-field dt { display: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content .dl-list.content-list .educationalLevel-field dd { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1.2rem; margin: unset; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content .dl-list.content-list .educationalLevel-field dd span { display: inline-flex; align-items: center; min-height: 3rem; padding: 0.6rem 1.2rem; background-color: var(--milan-vert); color: #FFF; border-radius: 16px; cursor: default; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content .dl-list.content-list .educationalLevel-field dd span.comma { display: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-content .card__tags mat-chip-set mat-chip { --mdc-chip-label-text-weight: 700; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions { grid-column: 1/span 2; grid-row: 4/span 1; align-items: center; gap: 0.6rem; min-height: unset; margin: unset; padding: 0.9rem !important; background-color: #FFF; border-top: 1px solid var(--gris-de-contour) !important; border-top-right-radius: inherit; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions:empty { display: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button { margin: unset !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger) { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: #FFF; border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid #000; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger) mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger) mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger) .mat-icon + span { margin-right: 2px; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger) span:has(+ .mat-icon) { margin-left: 2px; } } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger):hover, fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger).cdk-keyboard-focused { background: #ffed00; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger):hover .mat-icon, fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger).cdk-keyboard-focused .mat-icon { color: !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger):active { background: #ffed00; box-shadow: none; transform: translateY(1px); } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger):active .mat-icon { color: !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger)[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger)[disabled] .mat-icon { color: #989CA4 !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger)[disabled] { border: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark) { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: #FFF; border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid #000; justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; margin-left: auto !important; padding: 0.8rem; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark) mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark) mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark) .mat-icon + span { margin-right: 2px; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark) span:has(+ .mat-icon) { margin-left: 2px; } } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark):hover, fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark).cdk-keyboard-focused { background: #ffed00; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark):hover .mat-icon, fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark).cdk-keyboard-focused .mat-icon { color: !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark):active { background: #ffed00; box-shadow: none; transform: translateY(1px); } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark):active .mat-icon { color: !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark)[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark)[disabled] .mat-icon { color: #989CA4 !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark)[disabled] { border: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:is(.mat-mdc-card-actions__btn-bookmark) span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson) { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson) mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson) mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson) .mat-icon + span { margin-right: 2px; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson) span:has(+ .mat-icon) { margin-left: 2px; } } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson):hover, fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson).cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson):hover .mat-icon, fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson).cdk-keyboard-focused .mat-icon { color: !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson):active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson):active .mat-icon { color: !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson)[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson)[disabled] .mat-icon { color: #989CA4 !important; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson)[disabled] { border: none; } fuse-app-lessons-tab app-card .mat-mdc-card .mat-mdc-card-actions button:where(.mat-mdc-card-actions__btn-menu-trigger, .mat-mdc-card-actions__btn-edit-or-disable, .mat-mdc-card-actions__btn-play-lesson) { font-size: 1.4rem; } fuse-app-lessons-tab app-card .mat-mdc-card::after { content: none; } .editorial-dialog-panel .mdc-dialog { --mdc-dialog-container-color: transparent; --mdc-dialog-container-shape: 12px; } .editorial-dialog-panel fuse-confirm-dialog .confirm-dialog__header { margin: unset; } .editorial-dialog-panel fuse-confirm-dialog .confirm-dialog__content.confirm-dialog__content--has-background { padding: 4rem 10.8rem !important; background-size: cover; background-position: center; } @media screen and (max-width: 959px) { .editorial-dialog-panel fuse-confirm-dialog .confirm-dialog__content.confirm-dialog__content--has-background { padding: 2rem 5.4rem !important; } } @media screen and (max-width: 599px) { .editorial-dialog-panel fuse-confirm-dialog .confirm-dialog__content.confirm-dialog__content--has-background { padding: unset !important; background-image: unset !important; } } .editorial-dialog-panel fuse-confirm-dialog .confirm-dialog__content > div { padding: 4rem; background-color: #FFF; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.25); } .editorial-dialog-panel fuse-confirm-dialog .confirm-dialog__content > div img { display: inline-block; width: auto; max-height: 8rem; margin-bottom: 1.8rem; } .editorial-dialog-panel fuse-confirm-dialog .confirm-dialog__content > div img + img { margin-left: 0.9rem; } .editorial-dialog-panel fuse-confirm-dialog .confirm-dialog__content > div h2 { font-size: 1.8rem; font-weight: 800; } .editorial-dialog-panel fuse-confirm-dialog .confirm-dialog__content > div p { padding: unset; font-weight: 600; } .editorial-dialog-panel fuse-confirm-dialog .confirm-dialog__content > div p:last-child { margin-bottom: unset; } .editorial-dialog-panel fuse-confirm-dialog .confirm-dialog__actions:empty { display: none; } .first-time-user-experience-dialog-wrapper { width: 80rem; } .first-time-user-experience-dialog-wrapper .mat-mdc-dialog-surface { --mdc-dialog-container-elevation: none; --mdc-dialog-container-shape: 36px; overflow: visible; } app-first-time-user-experience { border-radius: inherit; } app-first-time-user-experience app-first-time-user-experience-step-one, app-first-time-user-experience app-first-time-user-experience-step-two { border-radius: inherit; } app-first-time-user-experience app-first-time-user-experience-step-one .first-time-user-experience__header, app-first-time-user-experience app-first-time-user-experience-step-two .first-time-user-experience__header { display: flex; justify-content: space-between; background-color: #D5DEE7; border-top-left-radius: inherit; border-top-right-radius: inherit; } app-first-time-user-experience app-first-time-user-experience-step-one .first-time-user-experience__header .first-time-user-experience__title, app-first-time-user-experience app-first-time-user-experience-step-two .first-time-user-experience__header .first-time-user-experience__title { margin: unset; padding: 3.6rem; color: #00324F; font-size: 2.7rem; font-weight: 500; } app-first-time-user-experience app-first-time-user-experience-step-one .first-time-user-experience__header .first-time-user-experience__title:focus-visible, app-first-time-user-experience app-first-time-user-experience-step-two .first-time-user-experience__header .first-time-user-experience__title:focus-visible { outline: unset !important; } app-first-time-user-experience app-first-time-user-experience-step-one .first-time-user-experience__header .first-time-user-experience__title strong, app-first-time-user-experience app-first-time-user-experience-step-two .first-time-user-experience__header .first-time-user-experience__title strong { font-weight: 700; } app-first-time-user-experience app-first-time-user-experience-step-one .first-time-user-experience__header .first-time-user-experience__decoration, app-first-time-user-experience app-first-time-user-experience-step-two .first-time-user-experience__header .first-time-user-experience__decoration { display: none; } @media screen and (min-width: 600px) { app-first-time-user-experience app-first-time-user-experience-step-one .first-time-user-experience__header .first-time-user-experience__decoration, app-first-time-user-experience app-first-time-user-experience-step-two .first-time-user-experience__header .first-time-user-experience__decoration { flex: 1; display: block; position: relative; min-width: 15rem; } app-first-time-user-experience app-first-time-user-experience-step-one .first-time-user-experience__header .first-time-user-experience__decoration::before, app-first-time-user-experience app-first-time-user-experience-step-two .first-time-user-experience__header .first-time-user-experience__decoration::before { content: ""; position: absolute; inset: -35% 0 0; background-size: contain; background-position: right bottom; background-repeat: no-repeat; } } app-first-time-user-experience app-first-time-user-experience-step-one .first-time-user-experience__content, app-first-time-user-experience app-first-time-user-experience-step-two .first-time-user-experience__content { min-height: 18.5rem; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__header .first-time-user-experience__decoration::before, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__header .first-time-user-experience__decoration::before { background-image: url("/assets/cycle-1-tne-canope/images/backgrounds/ftux-dialog-01.png"); } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content { display: flex; justify-content: space-between; align-items: flex-end; gap: 7.2rem; padding: 3.6rem; background-color: #E5EBF1; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips { gap: 0.6rem; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips .first-time-user-experience__chip, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips .first-time-user-experience__chip { --mat-chip-disabled-container-opacity: 0.5; --mdc-chip-container-height: unset; --mdc-chip-container-shape-radius: 90px; --mdc-chip-elevated-container-color: #FFF; --mdc-chip-elevated-disabled-container-color: #FFF; --mdc-chip-elevated-selected-container-color: #FFF; --mdc-chip-focus-state-layer-opacity: 0.04; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-label-text-color: #00324F; --mdc-chip-label-text-line-height: 1.15; --mdc-chip-label-text-size: 1.6rem; --mdc-chip-label-text-weight: 500; --mdc-chip-selected-focus-state-layer-color: #FFF; --mdc-chip-selected-label-text-color: #00324F; margin: unset !important; padding: unset; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips .first-time-user-experience__chip .mdc-evolution-chip__cell .mdc-evolution-chip__action, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips .first-time-user-experience__chip .mdc-evolution-chip__cell .mdc-evolution-chip__action { padding: 1.5rem 2.4rem !important; border: 3px solid transparent; border-radius: var(--mdc-chip-container-shape-radius); box-shadow: 0 4px 4px 0 rgba(197, 209, 221, 0.5); transition: all 100ms ease-in-out; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips .first-time-user-experience__chip .mdc-evolution-chip__cell .mdc-evolution-chip__action .mdc-evolution-chip__graphic, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips .first-time-user-experience__chip .mdc-evolution-chip__cell .mdc-evolution-chip__action .mdc-evolution-chip__graphic { display: none; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips .first-time-user-experience__chip:where(.mdc-evolution-chip--selected) .mdc-evolution-chip__cell .mdc-evolution-chip__action, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips .first-time-user-experience__chip:where(.mdc-evolution-chip--selected) .mdc-evolution-chip__cell .mdc-evolution-chip__action { border: 3px solid #ebebeb; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips .first-time-user-experience__chip:where(.first-time-user-experience__chip--placeholder) .mdc-evolution-chip__cell .mdc-evolution-chip__action, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__chip-list .mdc-evolution-chip-set__chips .first-time-user-experience__chip:where(.first-time-user-experience__chip--placeholder) .mdc-evolution-chip__cell .mdc-evolution-chip__action { box-sizing: border-box !important; width: 8.4rem; height: 5.4rem; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__next-button, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__next-button { display: flex; align-items: center; gap: 0.6rem; padding: 1.5rem 3rem; color: #FFF; background-color: #ffed00; border: none; border-radius: 90px; font-weight: 600; transition: all 100ms ease-in-out; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__next-button:where(:hover), app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__next-button:where(:active), app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__next-button:where(:hover), app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__next-button:where(:active) { background-color: #ebda00; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__next-button:where(:active), app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__next-button:where(:active) { transform: translateY(1px); } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__next-button:where([disabled]), app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-one) .first-time-user-experience__content .first-time-user-experience__next-button:where([disabled]) { color: rgba(0, 50, 79, 0.3); background-color: rgba(0, 106, 166, 0.1); pointer-events: none; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__header .first-time-user-experience__decoration::before, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__header .first-time-user-experience__decoration::before { background-image: url("/assets/cycle-1-tne-canope/images/backgrounds/ftux-dialog-02.png"); } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content { display: grid; grid-template-columns: 2fr 1fr; gap: 1.8rem; padding: 3.6rem; background-color: #E5EBF1; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content { display: flex; flex-direction: column; gap: 1.2rem; padding: 1.2rem; color: #F7FAFA; background-color: #ffed00; border-radius: 12px; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-progress, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__progress, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-progress, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__progress, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-progress, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__progress, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-progress, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__progress { display: flex; align-items: center; gap: 0.6rem; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-progress .home-page__onboarding-progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-progress .first-time-user-experience__progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__progress .home-page__onboarding-progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__progress .first-time-user-experience__progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-progress .home-page__onboarding-progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-progress .first-time-user-experience__progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__progress .home-page__onboarding-progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__progress .first-time-user-experience__progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-progress .home-page__onboarding-progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-progress .first-time-user-experience__progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__progress .home-page__onboarding-progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__progress .first-time-user-experience__progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-progress .home-page__onboarding-progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-progress .first-time-user-experience__progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__progress .home-page__onboarding-progress-spinner, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__progress .first-time-user-experience__progress-spinner { --mdc-circular-progress-active-indicator-color: #F7FAFA; width: 2.7rem !important; height: auto !important; aspect-ratio: 1; background-image: radial-gradient(closest-side, transparent 80%, rgba(255, 255, 255, 0.25) 80%); border-radius: 50%; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-progress .home-page__onboarding-progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-progress .first-time-user-experience__progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__progress .home-page__onboarding-progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__progress .first-time-user-experience__progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-progress .home-page__onboarding-progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-progress .first-time-user-experience__progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__progress .home-page__onboarding-progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__progress .first-time-user-experience__progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-progress .home-page__onboarding-progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-progress .first-time-user-experience__progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__progress .home-page__onboarding-progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__progress .first-time-user-experience__progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-progress .home-page__onboarding-progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-progress .first-time-user-experience__progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__progress .home-page__onboarding-progress-percentage, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__progress .first-time-user-experience__progress-percentage { font-size: 1.6rem; font-weight: 600; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-period, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-period, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-period, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-period, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-period, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-period, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-period, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-period, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-period, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-period, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-period, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-period, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-period, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-period, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-period, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-period { font-size: 1.6rem; font-weight: 600; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-sequence, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-sequence { font-size: 1.8rem; font-weight: 700; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-start-button, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__start-button, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-start-button, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__start-button, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-start-button, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__start-button, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-start-button, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__start-button { display: flex; justify-content: space-between; align-items: center; gap: 1.2rem; padding: 0.6rem 1.2rem; color: #00324F; background-color: #FFF; border: none; border-radius: 1000px; font-size: 1.6rem; transition: all 100ms ease-in-out; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-start-button:hover, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-start-button:active, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__start-button:hover, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__start-button:active, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-start-button:hover, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-start-button:active, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__start-button:hover, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__start-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-start-button:hover, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-start-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__start-button:hover, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__start-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-start-button:hover, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-start-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__start-button:hover, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__start-button:active { background-color: #f2f2f2; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-start-button:active, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__start-button:active, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-start-button:active, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__start-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .home-page__onboarding-start-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-primary-content .first-time-user-experience__start-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .home-page__onboarding-start-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__primary-content .first-time-user-experience__start-button:active { transform: translateY(1px); } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.6rem; padding: 1.2rem 1.8rem; color: #00324F; background-color: unset; border: 2px solid rgba(0, 50, 79, 0.15); border-radius: 12px; font-size: 1.6rem; text-decoration: none !important; transition: all 100ms ease-in-out; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button:hover, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button:active, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button:hover, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button:hover, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button:hover, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button:active { border-color: rgba(0, 50, 79, 0.3); } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button:active, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button:active, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button:active { transform: translateY(1px); } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .home-page__onboarding-search-icon, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .first-time-user-experience__search-icon, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .home-page__onboarding-search-icon, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .first-time-user-experience__search-icon, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .home-page__onboarding-search-icon, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .first-time-user-experience__search-icon, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .home-page__onboarding-search-icon, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .first-time-user-experience__search-icon { flex: none; width: 3.5rem; height: auto; aspect-ratio: 1; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .home-page__onboarding-search-icon svg, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .first-time-user-experience__search-icon svg, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .home-page__onboarding-search-icon svg, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .first-time-user-experience__search-icon svg, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .home-page__onboarding-search-icon svg, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .first-time-user-experience__search-icon svg, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .home-page__onboarding-search-icon svg, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .first-time-user-experience__search-icon svg { width: 100%; height: 100%; } app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .home-page__onboarding-search-label, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .first-time-user-experience__search-label, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .home-page__onboarding-search-label, app-first-time-user-experience app-first-time-user-experience-step-one:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .first-time-user-experience__search-label, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .home-page__onboarding-search-label, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .home-page__onboarding-search-button .first-time-user-experience__search-label, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .home-page__onboarding-search-label, app-first-time-user-experience app-first-time-user-experience-step-two:where(app-first-time-user-experience-step-two) .first-time-user-experience__content .first-time-user-experience__search-button .first-time-user-experience__search-label { font-weight: 600; text-align: center; } .freemium-premium-compare-access-wrapper { width: 42.5rem; max-height: 90vh !important; } @media screen and (min-width: 960px) { .freemium-premium-compare-access-wrapper { width: 85rem; } } .freemium-premium-compare-access-wrapper .mdc-dialog { --mdc-dialog-container-color: transparent; --mdc-dialog-container-elevation: none; --mdc-dialog-container-shape: 9px; } app-freemium-premium-compare-access { overflow: auto; display: flex; flex-direction: column !important; gap: 2.4rem; border-radius: var(--mdc-dialog-container-shape); } @media screen and (min-width: 960px) { app-freemium-premium-compare-access { overflow: hidden; flex-direction: row !important; } } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card { display: flex; flex-direction: column; background-color: #E8F1F6; border-radius: inherit; } @media screen and (min-width: 960px) { app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card { overflow: auto; flex: 1; } } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header { flex: none; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(3, auto); align-items: start; gap: 1.5rem; padding: 3rem; background-color: #F3FBFF; border-top-left-radius: inherit; border-top-right-radius: inherit; } @media screen and (min-width: 600px) { app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header { grid-template-columns: 1fr auto; grid-template-rows: repeat(2, auto); } } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-title, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-title, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-title, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-title, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-title, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-title, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-title, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-title { grid-row: 1/span 1; margin: unset; font-size: 2.6rem; font-weight: 700; line-height: 1.15; text-transform: uppercase; } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-price { grid-row: 2/span 1; line-height: 1.15; } @media screen and (min-width: 600px) { app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-price, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-price { grid-column: 2/span 1; grid-row: 1/span 1; text-align: end; } } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-price > :not(small), app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-price > :not(small), app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-price > :not(small), app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-price > :not(small), app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-price > :not(small), app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-price > :not(small), app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-price > :not(small), app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-price > :not(small) { font-size: 2.6rem; font-weight: 800; } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-price > small, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-price > small, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-price > small, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-price > small, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-price > small, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-price > small, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-price > small, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-price > small { opacity: 0.5; font-size: 1.2rem; font-weight: 500; } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-subtitle { grid-row: 3/span 1; margin: unset; font-size: 1.8rem; font-weight: 800; } @media screen and (min-width: 600px) { app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__freemium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-header .freemium-premium-compare-access__premium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__freemium-subtitle, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-header .freemium-premium-compare-access__premium-subtitle { grid-column: 1/span 2; grid-row: 2/span 1; } } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-content, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-content, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-content, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-content { flex: 1; padding: 3rem 3rem 1.5rem; } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__freemium-feature-list, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__premium-feature-list, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__freemium-feature-list, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__premium-feature-list, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__freemium-feature-list, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__premium-feature-list, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__freemium-feature-list, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__premium-feature-list { display: flex; flex-direction: column; gap: 0.6rem; margin: unset; padding: unset; list-style: none; } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__freemium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__premium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__freemium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__premium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__freemium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__premium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__freemium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__premium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__freemium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__premium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__freemium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__premium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__freemium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__premium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__freemium-feature-item, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__premium-feature-item { display: flex; align-items: center; gap: 0.6rem; font-weight: 500; } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__freemium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__premium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__freemium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__premium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__freemium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__premium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__freemium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__premium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__freemium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__premium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__freemium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__premium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__freemium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__freemium-feature-list .freemium-premium-compare-access__premium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__freemium-feature-item::before, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-content .freemium-premium-compare-access__premium-feature-list .freemium-premium-compare-access__premium-feature-item::before { content: ""; flex: none; width: 2.1rem; height: auto; aspect-ratio: 1; -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/check_rounded_700.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/check_rounded_700.svg"); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-footer, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-footer, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-footer, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-footer { flex: none; padding: 1.5rem 3rem 3rem; } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__freemium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__freemium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__freemium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__freemium-button { display: flex; color: #EDF6FB; border: unset; transition: background-color 100ms ease-in-out, transform 100ms ease-in-out; } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__freemium-button:active, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__freemium-button:active, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__freemium-button:active, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__freemium-button:active { transform: translateY(1px); } @media screen and (min-width: 960px) { app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__freemium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__freemium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__freemium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__freemium-button { flex: 1; } } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__premium-button mat-icon.mat-icon, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__premium-button mat-icon.mat-icon, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__premium-button mat-icon.mat-icon, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__premium-button mat-icon.mat-icon { width: 1.5rem; min-width: unset; height: auto; min-height: unset; aspect-ratio: 1; } app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__freemium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__premium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__freemium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__freemium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__premium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__freemium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__freemium-footer .freemium-premium-compare-access__premium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__freemium-button, app-freemium-premium-compare-access .freemium-premium-compare-access__premium-card .freemium-premium-compare-access__premium-footer .freemium-premium-compare-access__premium-button { justify-content: center; width: 100%; padding: 1.2rem 2.4rem; font-weight: 600; } .freemium-premium-reverse-trial-wrapper { width: 85rem; max-height: 90vh !important; } .freemium-premium-reverse-trial-wrapper .mdc-dialog { --mdc-dialog-container-elevation: none; --mdc-dialog-container-shape: 9px; } app-freemium-premium-reverse-trial { overflow: auto; background-color: #E8F1F6; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__header { display: flex; flex-direction: column; gap: 1.5rem; padding: 3rem; background-color: #F3FBFF; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__header .freemium-premium-reverse-trial__title { display: flex; align-items: center; gap: 1.5rem; margin: unset; font-size: 2.6rem; font-weight: 700; line-height: 1.15; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__header .freemium-premium-reverse-trial__title::before { content: ""; flex: none; width: 3.6rem; height: auto; aspect-ratio: 1; background-image: url("/assets/cycle-1-tne-canope/images/freemium-reward.png"); background-size: cover; background-repeat: no-repeat; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__header .freemium-premium-reverse-trial__subtitle { margin: unset; padding: unset; font-size: 1.8rem; font-weight: 600; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__header .freemium-premium-reverse-trial__subtitle strong { font-weight: 800; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__content { padding: 3rem 3rem 1.5rem; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__content .freemium-premium-reverse-trial__feature-list { display: flex; flex-direction: column; gap: 0.6rem; margin: unset; padding: unset; list-style: none; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__content .freemium-premium-reverse-trial__feature-list .freemium-premium-reverse-trial__feature-item { display: flex; align-items: center; gap: 0.6rem; font-weight: 500; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__content .freemium-premium-reverse-trial__feature-list .freemium-premium-reverse-trial__feature-item::before { content: ""; flex: none; width: 2.1rem; height: auto; aspect-ratio: 1; -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/check_rounded_700.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/check_rounded_700.svg"); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__footer { display: flex; flex-direction: column; align-items: center; gap: 1.2rem; padding: 1.5rem 3rem 3rem; } @media screen and (min-width: 960px) { app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__footer { flex-direction: row; } } @media screen and (min-width: 960px) { app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__footer .freemium-premium-reverse-trial__start-button { flex: 2; } } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__footer .freemium-premium-reverse-trial__start-button mat-icon.mat-icon { width: 1.5rem; min-width: unset; height: auto; min-height: unset; aspect-ratio: 1; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__footer .freemium-premium-reverse-trial__postpone-button { display: flex; background-color: transparent; border: 2px solid; transition: background-color 100ms ease-in-out, transform 100ms ease-in-out; } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__footer .freemium-premium-reverse-trial__postpone-button:active { transform: translateY(1px); } @media screen and (min-width: 960px) { app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__footer .freemium-premium-reverse-trial__postpone-button { flex: 1; } } app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__footer .freemium-premium-reverse-trial__start-button, app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__footer .freemium-premium-reverse-trial__postpone-button { justify-content: center; padding: 1.2rem 2.4rem; font-weight: 600; } @media screen and (min-width: 960px) { app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__footer .freemium-premium-reverse-trial__start-button, app-freemium-premium-reverse-trial .freemium-premium-reverse-trial__footer .freemium-premium-reverse-trial__postpone-button { min-width: max-content; } } @keyframes shake-gift { from { transform: translate(50%, -50%); } 10%, 20% { transform: translate(50%, -50%) scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: translate(50%, -50%) scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: translate(50%, -50%) scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg); } to { transform: translate(50%, -50%); } } app-freemium-reward-progress-bar { display: flex; align-items: center; gap: 0.9rem; margin: 0 1.8rem 0 3.6rem; } app-freemium-reward-progress-bar .freemium-reward-progress-bar__label, app-freemium-reward-progress-bar .freemium-reward-progress-bar__track, app-freemium-reward-progress-bar .freemium-reward-progress-bar__button { flex: none; } app-freemium-reward-progress-bar .freemium-reward-progress-bar__label { margin: unset; font-weight: 800; } app-freemium-reward-progress-bar .freemium-reward-progress-bar__track { position: relative; width: 20rem; height: 1.8rem; padding: 0.2rem; margin-right: 1.8rem; border: 2px solid #BED6EA; border-radius: 12px; } app-freemium-reward-progress-bar .freemium-reward-progress-bar__track .freemium-reward-progress-bar__inner-track { width: 0; height: 100%; border-radius: 50px; transition: width 1s ease-in-out; } app-freemium-reward-progress-bar .freemium-reward-progress-bar__track .freemium-reward-progress-bar__marker { position: absolute; top: 50%; width: auto; height: 0.6rem; aspect-ratio: 1; background-color: #BED6EA; border-radius: 50%; transform: translate(-50%, -50%); transition: background-color 1s ease-in-out, border-color 1s ease-in-out; } app-freemium-reward-progress-bar .freemium-reward-progress-bar__track .freemium-reward-progress-bar__marker:where(.freemium-reward-progress-bar__marker--filled) { background-color: var(--faux-blanc); } app-freemium-reward-progress-bar .freemium-reward-progress-bar__track .freemium-reward-progress-bar__gift-image { position: absolute; top: 50%; right: 0; width: auto; height: 3.6rem; aspect-ratio: 1; background-image: url("/assets/cycle-1-tne-canope/images/freemium-reward.png"); background-size: cover; background-repeat: no-repeat; transform: translate(50%, -50%); } app-freemium-reward-progress-bar .freemium-reward-progress-bar__track .freemium-reward-progress-bar__gift-image:where(.freemium-reward-progress-bar__gift-image--is-shaking) { animation: shake-gift 1s linear 1s 1; } app-freemium-reward-progress-bar .freemium-reward-progress-bar__button { font-size: 1.4rem; } .freemium-premium-modal-wrapper { --mdc-dialog-container-shape: 36px; } .freemium-premium-modal-wrapper app-freemium-premium-modal .freemium-premium-modal__header { display: flex; min-height: 84px; padding: 10px 24px; justify-content: center; align-items: center; flex-shrink: 0; } .freemium-premium-modal-wrapper app-freemium-premium-modal .freemium-premium-modal__header.mat-mdc-dialog-title { background: #00324F; } .freemium-premium-modal-wrapper app-freemium-premium-modal .freemium-premium-modal__header .freemium-premium-modal__title { text-align: center; margin: auto; } .freemium-premium-modal-wrapper app-freemium-premium-modal .mat-mdc-card-content { padding: 20px 16px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; gap: 18px; } @media (min-width: 600px) { .freemium-premium-modal-wrapper app-freemium-premium-modal .mat-mdc-card-content { grid-template-columns: 1fr 1fr 1fr; } } .freemium-premium-modal-wrapper app-freemium-premium-modal .mat-mdc-card-content .freemium-premium-modal__content__thumbnail { display: flex; flex-direction: row; justify-content: space-between; padding: 0px 10px 0 24px; align-items: center; gap: 16px; border-radius: 18px; background: #BED6EA; } @media (min-width: 600px) { .freemium-premium-modal-wrapper app-freemium-premium-modal .mat-mdc-card-content .freemium-premium-modal__content__thumbnail { display: inline-flex; flex-direction: column; justify-content: space-between; padding: 25px 16px 0 24px; } } .freemium-premium-modal-wrapper app-freemium-premium-modal .mat-mdc-card-content .freemium-premium-modal__content__thumbnail .freemium-premium-modal__content__thumbnail__title { color: #00324F; text-align: left; font-size: 15px; font-style: normal; font-weight: 700; line-height: 18px; /* 120% */ } @media (min-width: 600px) { .freemium-premium-modal-wrapper app-freemium-premium-modal .mat-mdc-card-content .freemium-premium-modal__content__thumbnail .freemium-premium-modal__content__thumbnail__title { text-align: center; } } .freemium-premium-modal-wrapper app-freemium-premium-modal .mat-mdc-card-content .freemium-premium-modal__content__thumbnail .freemium-premium-modal__content__thumbnail__img { align-self: end; max-height: 80px; max-width: 30vw; } @media (min-width: 600px) { .freemium-premium-modal-wrapper app-freemium-premium-modal .mat-mdc-card-content .freemium-premium-modal__content__thumbnail .freemium-premium-modal__content__thumbnail__img { max-height: inherit; max-width: inherit; width: 20vw; } } .freemium-premium-modal-wrapper app-freemium-premium-modal .mdc-card__actions { padding: 5px 0 25px 0; } .freemium-premium-modal-wrapper app-freemium-premium-modal .mdc-card__actions .freemium-premium-modal__content__button { margin: 0 auto; font-size: 1.4rem; } .freemium-premium-modal-wrapper app-freemium-premium-modal .mdc-card__actions .freemium-premium-modal__content__button mat-icon.mat-icon { width: 1.5rem; min-width: unset; height: auto; min-height: unset; aspect-ratio: 1; } .freemium-premium-modal-wrapper app-freemium-premium-modal .mdc-card__actions .freemium-premium-modal__content__button + app-button-help { margin-left: 0.8rem; } app-lesson-card-breadcrumb { flex: 1; display: flex; padding: 1.2rem 2.1rem; color: #000; background-color: var(--bj-gris-clair); } app-lesson-card-breadcrumb .lesson-card-breadcrump__nav { flex: 1; display: flex; } app-lesson-card-breadcrumb ol { display: flex; flex: 1; list-style-type: none; padding: 0; margin: 0; } app-lesson-card-breadcrumb ol:empty { height: 1.4em; } app-lesson-card-breadcrumb .lesson-card-breadcrump__nav__item { display: flex; align-items: center; } app-lesson-card-breadcrumb .lesson-card-breadcrump__nav__item a, app-lesson-card-breadcrumb .lesson-card-breadcrump__nav__item span { font-weight: 700; color: inherit; } app-lesson-card-breadcrumb .lesson-card-breadcrump__nav__item a { text-decoration: underline; } app-lesson-card-breadcrumb .lesson-card-breadcrump__nav__item__separator { padding: 0 1rem; text-decoration: inherit; color: inherit; } app-lesson-card-breadcrumb .lesson-card-breadcrump__nav__word__separator { padding: 0 0.5rem 0 0; } [svgicon=brand] .brand-background { fill: #ebebeb; } [svgicon=brand_square] .brand-text-ia { color: #ebebeb; } [svgicon=brand_square] .brand-background { fill: white; } mat-datepicker-content table.mat-calendar-table tr { height: initial; box-shadow: none; } mat-datepicker-content table.mat-calendar-table tr th { border: none; } mat-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-page-size { display: none; } .nps-bottom-sheet-wrapper .mat-bottom-sheet-container, .nps-bottom-sheet-wrapper .mat-mdc-dialog-surface, .nps-dialog-wrapper .mat-bottom-sheet-container, .nps-dialog-wrapper .mat-mdc-dialog-surface { display: contents !important; } app-nps { overflow: hidden; max-height: 80vh; color: #000; background-color: #FFF; line-height: 1.2; } .nps-bottom-sheet-wrapper app-nps { width: 100vw; border-radius: 24px 24px 0 0; } .nps-dialog-wrapper app-nps { border-radius: 18px; } app-nps .nps { overflow: auto; display: flex; flex-direction: column; gap: 2.4rem; width: min-content; max-width: 100%; max-height: 100%; margin: 0 auto; padding: 4.2rem 3.6rem 3.6rem; } @media screen and (min-width: 960px) { app-nps .nps { padding: 3.6rem 3.6rem 2.4rem; } } app-nps .nps .nps__header .nps__title { margin: unset; text-align: center; font-size: 2rem; font-weight: 800; line-height: inherit; } app-nps .nps .nps__content { padding: 3rem 0; } @media screen and (min-width: 960px) { app-nps .nps .nps__content { padding: 3.6rem 0 0; } } app-nps .nps .nps__content .nps__form .nps__radio-group { display: flex; flex-direction: column; row-gap: 1.2rem; align-items: center; } @media screen and (min-width: 960px) { app-nps .nps .nps__content .nps__form .nps__radio-group { flex-direction: row; justify-content: center; align-items: flex-start; } } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup { display: flex; gap: 1.2rem; transition: background-image 100ms ease-in-out; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child { max-width: 100%; padding: 1.2rem 0.6rem 1.2rem 1.2rem; background-image: linear-gradient(to right, rgba(235, 111, 118, 0.42) 0% 56.06%, rgba(241, 148, 61, 0.42) 71.46% 87.24%, #FFF 100%); border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; } @media screen and (min-width: 960px) { app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child { background-image: linear-gradient(to right, rgba(235, 111, 118, 0.42) 0% 56.06%, rgba(241, 148, 61, 0.42) 71.46% 87.24%); } } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4) { color: #C32C2C; border-color: #EB6F76; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4):focus { border-color: #C32C2C; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked { color: #FFF; background-color: #C32C2C; border-color: #C32C2C; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { background-color: rgba(235, 111, 118, 0.42); } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(1) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(2) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(3) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(4) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(1) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(2) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(3) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(4) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(1) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(2) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(3) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(4) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { color: #C32C2C; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6) { color: #B26216; border-color: #F1943D; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6):focus { border-color: #B26216; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked { color: #FFF; background-color: #B26216; border-color: #B26216; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { background-color: rgba(241, 148, 61, 0.42); } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(5) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .nps__radio-button:nth-child(6) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(5) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .nps__radio-button:nth-child(6) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(5) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:first-child .feedback-dialog__nps-radio-button:nth-child(6) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { color: #B26216; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child { max-width: 84%; padding: 1.2rem 1.2rem 1.2rem 0.6rem; background-image: linear-gradient(to right, #FFF 0%, rgba(241, 148, 61, 0.42) 15%, rgba(237, 198, 0, 0.42) 33.71% 52.16%, rgba(138, 200, 154, 0.42) 70% 100%); border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } @media screen and (min-width: 960px) { app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child { background-image: linear-gradient(to right, rgba(241, 148, 61, 0.42) 15%, rgba(237, 198, 0, 0.42) 33.71% 52.16%, rgba(138, 200, 154, 0.42) 70% 100%); } } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1) { color: #B26216; border-color: #F1943D; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1):focus { border-color: #B26216; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked { color: #FFF; background-color: #B26216; border-color: #B26216; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { background-color: rgba(241, 148, 61, 0.42); } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(1) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(1) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(1) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { color: #B26216; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3) { color: #887617; border-color: #EDC600; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3):focus { border-color: #887617; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked { color: #FFF; background-color: #887617; border-color: #887617; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { background-color: rgba(237, 198, 0, 0.42); } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(2) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(3) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(2) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(3) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(2) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(3) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { color: #887617; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4), app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4), app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5) { color: #24883D; border-color: #8AC89A; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4):focus, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5):hover, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5):focus { border-color: #24883D; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5):active, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5):active, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked { color: #FFF; background-color: #24883D; border-color: #24883D; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5):active .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5):active .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).nps__radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5).feedback-dialog__nps-radio-button--checked .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { background-color: rgba(138, 200, 154, 0.42); } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(4) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button:nth-child(5) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(4) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button:nth-child(5) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(4) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5) .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button:nth-child(5) .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { color: #24883D; } @media screen and (max-width: 959px) { app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .nps__radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup:last-child .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .nps__radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup:last-child .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { top: unset; bottom: -2.1rem; transform: translateY(100%); } } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .nps__radio-button, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .feedback-dialog__nps-radio-button, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .nps__radio-button, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .feedback-dialog__nps-radio-button { position: relative; width: 4.8rem; min-width: 3rem; height: auto; aspect-ratio: 1; background-color: #FFF; border: 2px solid; border-radius: 50%; cursor: pointer; transition: color 100ms ease-in-out, background-color 100ms ease-in-out, border-color 100ms ease-in-out; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .nps__radio-button .mdc-form-field, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .nps__radio-button .mdc-form-field, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: inherit; border-radius: inherit; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .nps__radio-button .mdc-form-field .mdc-radio, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-radio, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .nps__radio-button .mdc-form-field .mdc-radio, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-radio { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .nps__radio-button .mdc-form-field .mdc-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .nps__radio-button .mdc-form-field .mdc-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label { display: contents; cursor: inherit; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .nps__radio-button .mdc-form-field .mdc-label .nps__radio-button-number-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .nps__radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-number-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .nps__radio-button-number-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-number-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .nps__radio-button .mdc-form-field .mdc-label .nps__radio-button-number-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .nps__radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-number-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .nps__radio-button-number-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-number-label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 2rem; font-weight: 700; } app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .nps__radio-button .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .nps__radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .nps__radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .nps__radio-button .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .nps__radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .nps__radio-button-text-label, app-nps .nps .nps__content .nps__form .nps__radio-group .feedback-dialog__nps-radio-subgroup .feedback-dialog__nps-radio-button .mdc-form-field .mdc-label .feedback-dialog__nps-radio-button-text-label { position: absolute; top: -2.1rem; transform: translateY(-100%); width: max-content; padding: 0.6rem 1.2rem; border-radius: 18px; font-size: 1.4rem; font-weight: 600; font-style: italic; } app-nps .nps .nps__footer { display: flex; justify-content: space-between; align-items: center; gap: 2.4rem; } app-nps .nps .nps__footer .nps__skip-button, app-nps .nps .nps__footer .nps__validate-button { margin: unset; border: unset; line-height: inherit; } app-nps .nps .nps__footer .nps__skip-button { padding: 0.6rem 1.2rem; color: #5D5D5D; background-color: unset; font-size: 1.4rem; font-weight: 600; transition: color 100ms ease-in-out; } app-nps .nps .nps__footer .nps__skip-button:hover, app-nps .nps .nps__footer .nps__skip-button:focus, app-nps .nps .nps__footer .nps__skip-button:active { color: inherit; } app-nps .nps .nps__footer .nps__validate-button { padding: 0.9rem 1.8rem; border-radius: 1000px; color: #FFF; background-color: #1E4FFF; font-size: 1.6rem; font-weight: 700; transition: color 100ms ease-in-out, background-color 100ms ease-in-out; } app-nps .nps .nps__footer .nps__validate-button:hover, app-nps .nps .nps__footer .nps__validate-button:focus, app-nps .nps .nps__footer .nps__validate-button:active { background-color: #0035f2; } app-nps .nps .nps__footer .nps__validate-button[disabled] { color: rgba(0, 0, 0, 0.14); background-color: #F1F1F1; } app-pretty-easy-accordion-link-group { display: contents; } app-pretty-easy-accordion-link-group .mat-expansion-panel { --mat-expansion-container-background-color: transparent; --mat-expansion-container-shape: 6px; --mat-expansion-header-hover-state-layer-color: transparent; --mat-expansion-header-indicator-display: none; --mat-expansion-header-text-color: #ebebeb; --mat-expansion-header-text-size: 1.4rem; --mat-expansion-header-text-weight: 500; --mat-expansion-legacy-header-indicator-display: none; box-shadow: unset !important; transition: background-color 100ms ease-in-out; } app-pretty-easy-accordion-link-group .mat-expansion-panel:hover, app-pretty-easy-accordion-link-group .mat-expansion-panel:where(.mat-expanded) { --mat-expansion-container-background-color: ; } app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-header { height: unset !important; gap: 0.9rem; padding: 0.3rem 0.6rem; } app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-header:hover, app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-header:focus { background-color: unset; } app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-header:focus-visible { outline-offset: -1px !important; } app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-header .mat-content { display: contents; } app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title { gap: 0.9rem; margin: unset; } fuse-sidebar:where(.folded) app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title .pretty-easy-accordion-link-group__label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator { display: unset !important; width: 1.8rem; height: auto; aspect-ratio: 1; background-color: #ebebeb; -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/arrow_drop_down_rounded_700.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/arrow_drop_down_rounded_700.svg"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } fuse-sidebar:where(.folded) app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body { display: flex; flex-direction: column; gap: 0.3rem; padding: 0.3rem 0 0; } fuse-sidebar:where(.folded) app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .pretty-easy-accordion-link-group__list { display: contents; } app-pretty-easy-accordion-link-group .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .pretty-easy-accordion-link-group__list .pretty-easy-accordion-link-group__list-item { display: contents; } app-pretty-easy-link { display: contents; } app-pretty-easy-link .pretty-easy-link__anchor { display: flex; align-items: center; gap: 0.9rem; padding: 0.3rem 0.6rem; color: #ebebeb; border-radius: 6px; transition: background-color 100ms ease-in-out; } app-pretty-easy-link .pretty-easy-link__anchor:hover { text-decoration: none !important; } app-pretty-easy-link .pretty-easy-link__anchor:focus-visible { outline-offset: -1px !important; } app-pretty-easy-link .pretty-easy-link__anchor .pretty-easy-link__icon:where([data-mat-icon-name=navigation-link__premium-item]) { overflow: visible; } app-pretty-easy-link .pretty-easy-link__anchor .pretty-easy-link__icon:where([data-mat-icon-name=navigation-link__premium-item]) svg { filter: drop-shadow(); } app-pretty-easy-link .pretty-easy-link__anchor .pretty-easy-link__label { font-weight: 500; } fuse-sidebar:where(.folded) app-pretty-easy-link .pretty-easy-link__anchor .pretty-easy-link__label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-pretty-easy-link-group { display: flex; flex-direction: column; gap: 0.6rem; } .pretty-easy-navigation__list-item:last-child > app-pretty-easy-link-group { margin-top: auto; } app-pretty-easy-link-group .pretty-easy-link-group__header { display: flex; align-items: center; gap: 0.9rem; height: 2.4rem; padding: 0.3rem 0; } fuse-sidebar:where(.folded) app-pretty-easy-link-group .pretty-easy-link-group__header { border-top: 1px solid #E4EFF6; } app-pretty-easy-link-group .pretty-easy-link-group__header .pretty-easy-link-group__label { font-size: 1.2rem; font-weight: 900; text-transform: uppercase; } fuse-sidebar:where(.folded) app-pretty-easy-link-group .pretty-easy-link-group__header .pretty-easy-link-group__label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-pretty-easy-link-group .pretty-easy-link-group__list { display: contents; } app-pretty-easy-link-group .pretty-easy-link-group__list .pretty-easy-link-group__list-item { display: contents; } app-pretty-easy-navigation { flex: 1; display: flex; flex-direction: column; max-height: 100%; background-color: #F3FBFF; border-right: 1px solid rgba(0, 87, 166, 0.2); } app-pretty-easy-navigation .pretty-easy-navigation__header { display: flex; gap: 0.9rem; height: 9rem; padding: 3rem 2.4rem 1.5rem; } fuse-sidebar:where(.folded) app-pretty-easy-navigation .pretty-easy-navigation__header { justify-content: center; padding-left: 1.5rem; padding-right: 1.5rem; } app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__home-link { flex: 1; display: flex; } app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__home-link .pretty-easy-navigation__logo-icon, app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__home-link .pretty-easy-navigation__logo-image { flex: 1; } app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__home-link .pretty-easy-navigation__logo-icon:where(.pretty-easy-navigation__logo-icon), app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__home-link .pretty-easy-navigation__logo-image:where(.pretty-easy-navigation__logo-icon) { justify-content: flex-start; width: unset; min-width: unset; height: unset; min-height: unset; } app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__home-link .pretty-easy-navigation__logo-icon:where(.pretty-easy-navigation__logo-icon) svg, app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__home-link .pretty-easy-navigation__logo-image:where(.pretty-easy-navigation__logo-icon) svg { width: unset; min-width: unset; max-width: 100%; height: unset; min-height: unset; max-height: 100%; } app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__home-link .pretty-easy-navigation__logo-icon:where(.pretty-easy-navigation__logo-image), app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__home-link .pretty-easy-navigation__logo-image:where(.pretty-easy-navigation__logo-image) { object-fit: contain; object-position: left; } app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__close-menu-button, app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__toggle-menu-button { flex: none; align-self: center; width: 3rem; height: auto; aspect-ratio: 1; margin-left: unset; background-color: unset; color: inherit; border: unset; } app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__close-menu-button .mat-icon, app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__toggle-menu-button .mat-icon { width: 100%; height: 100%; } app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__close-menu-button .mat-icon svg, app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__toggle-menu-button .mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } @media screen and (min-width: 1280px) { app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__close-menu-button:where(.pretty-easy-navigation__close-menu-button), app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__toggle-menu-button:where(.pretty-easy-navigation__close-menu-button) { display: none; } } app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__close-menu-button:where(.pretty-easy-navigation__toggle-menu-button), app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__toggle-menu-button:where(.pretty-easy-navigation__toggle-menu-button) { display: none; } @media screen and (min-width: 1280px) { app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__close-menu-button:where(.pretty-easy-navigation__toggle-menu-button), app-pretty-easy-navigation .pretty-easy-navigation__header .pretty-easy-navigation__toggle-menu-button:where(.pretty-easy-navigation__toggle-menu-button) { display: unset; } } app-pretty-easy-navigation .pretty-easy-navigation__nav { flex: 1; display: flex; flex-direction: column; gap: 2.4rem; padding: 1.5rem 2.4rem 3rem; } fuse-sidebar:where(.folded) app-pretty-easy-navigation .pretty-easy-navigation__nav { padding-left: 1.5rem; padding-right: 1.5rem; } app-pretty-easy-navigation .pretty-easy-navigation__nav .pretty-easy-navigation__list { display: contents; } app-pretty-easy-navigation .pretty-easy-navigation__nav .pretty-easy-navigation__list .pretty-easy-navigation__list-item { display: contents; } app-groups-inline-modal.groups-inline-modal { width: 100%; min-height: 75px; margin: 0 0 10px 0; display: flex; flex-direction: column; box-sizing: border-box; max-width: 100%; height: auto !important; color: #000; border: 3px solid #ebebeb; border-radius: 5px; background-color: #fff; } @supports selector(:has(*)) { app-groups-inline-modal.groups-inline-modal:has(.add:not([disabled])) { border: none; border-radius: 0; background-color: transparent; } } app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog { flex: 1; display: flex; flex-direction: column; margin-bottom: 0; border-radius: 5px; background-color: #fff; } app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog .button-color-select { flex-direction: column; justify-content: flex-start; min-height: 60px; } app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog .button-color-select span { line-height: 0.8; padding-bottom: 10px; } app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog .button-color-select .pastille { height: 32px; width: 32px; } app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog .infobox { display: flex; align-items: center; background-color: #ebebeb; color: #000; padding: 10px !important; border-radius: 5px; max-width: 70%; } @media (min-width: 600px) { app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog .infobox { max-width: inherit; margin-bottom: 0 !important; } } app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog .infobox .info-icon { background-color: #FFCC00; color: #ebebeb; border-radius: 50%; padding: 5px; margin-right: 10px; width: 24px; height: 24px; } app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog .groups-form-dialog__container { display: grid; grid-template-columns: 1fr auto; position: relative; flex-direction: column; gap: 16px; padding: 5px 10px; } app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog .groups-form-dialog__container .groups-form-dialog__content .groups-form-dialog__form { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 16px; column-gap: 16px; align-items: end; } app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions { position: relative; display: flex; justify-content: space-around; min-width: 120px; flex-direction: row; align-items: center; margin-bottom: inherit; } app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions button { margin: 0; } app-groups-inline-modal.groups-inline-modal .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions .mat-icon { color: #ffed00; } app-groups-inline-modal.groups-inline-modal.edit-learner-dialog { background-color: #859156; } @media (min-width: 1280px) { app-groups-inline-modal.groups-inline-modal.edit-learner-dialog .infobox { grid-column: 1/span 4; } } @media (min-width: 1280px) { app-groups-inline-modal.groups-inline-modal.edit-learner-dialog .id-groups-form-dialog .groups-form-dialog__container .groups-form-dialog__content .groups-form-dialog__form { grid-template-columns: 1fr 1fr 1fr 1fr; } } app-groups-inline-modal.groups-inline-modal.edit-learner-dialog .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions { position: absolute; bottom: 20px; right: 10px; min-width: 120px; justify-content: space-around; } @media (min-width: 600px) { app-groups-inline-modal.groups-inline-modal.edit-learner-dialog .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions { position: absolute; bottom: 20px; right: 10px; min-width: 120px; justify-content: space-around; } } @media (min-width: 1280px) { app-groups-inline-modal.groups-inline-modal.edit-learner-dialog .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions { position: relative; inset: 0; min-width: 100px; flex-direction: row; } } app-groups-inline-modal.groups-inline-modal.edit-learner-dialog .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions .add { flex: 1; color: white; align-items: center; display: flex; background-color: #ffed00; height: 62px; border-radius: 10px; margin-top: 5px; } app-groups-inline-modal.groups-inline-modal.edit-learner-dialog .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions .add.mat-mdc-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) { box-shadow: none; } app-groups-inline-modal.groups-inline-modal.edit-learner-dialog .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions .add .mdc-button__label { margin: 0 10px; font-weight: bold; } app-groups-inline-modal.groups-inline-modal.edit-learner-dialog .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions .add .inline-learner-add app-learner { display: flex; width: 100vh; height: 500px; } app-groups-inline-modal.groups-inline-modal.edit-learner-dialog .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions .close { position: absolute; background-color: transparent; box-shadow: none; top: 50%; right: 0; transform: translate(-50%, -50%); margin-right: 10px; } app-groups-inline-modal.groups-inline-modal.edit-learner-dialog .id-groups-form-dialog .groups-form-dialog__container .mat-mdc-dialog-actions .close .mat-icon { color: #fff; width: 24px; height: 24px; } @media (max-width: 959px) { app-groups-inline-modal.groups-inline-modal.edit-group-dialog .groups-form-dialog__container .groups-form-dialog__content .groups-form-dialog__form { grid-template-columns: 1fr; } } app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); flex: unset; gap: 1.8rem; margin: 1.8rem !important; width: calc(100% - 3.6rem); padding: 1.8rem 2.4rem; } app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button mat-icon.mat-icon, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button mat-icon.mat-icon svg, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button .mat-icon + span, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button .mat-icon + span { margin-right: 2px; } app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button span:has(+ .mat-icon), app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button span:has(+ .mat-icon) { margin-left: 2px; } } app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button:hover, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button.cdk-keyboard-focused, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button:hover, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button:hover .mat-icon, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button.cdk-keyboard-focused .mat-icon, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button:hover .mat-icon, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button.cdk-keyboard-focused .mat-icon { color: !important; } app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button:active, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button:active .mat-icon, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button:active .mat-icon { color: !important; } app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button[disabled], app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button[disabled] .mat-icon, app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button[disabled] .mat-icon { color: #989CA4 !important; } app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-button[disabled], app-groups-inline-modal.groups-inline-modal .groups-inline-modal__add-learner-button[disabled] { border: none; } app-groups-inline-modal.groups-inline-modal .mat-column-addingLearner { background: linear-gradient(180deg, #ffed00) 0%, rgba(0, 0, 0, 0) 50%; padding: 0 5px; } app-groups-inline-modal.groups-inline-modal .mat-column-addingLearner .page-layout.simple { padding: 0 !important; } fuse-sidebar { display: flex; flex-direction: column; flex: 1 0 auto; position: absolute; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 280px; min-width: 280px; max-width: 280px; z-index: 1000; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35); background: white; } @media (max-width: 599px) { fuse-sidebar { min-width: 0 !important; max-width: 80vw !important; width: 80vw !important; } } fuse-sidebar.navbar-fuse-sidebar { width: 255px; min-width: 255px; max-width: 255px; } fuse-sidebar.left-positioned { left: 0; transform: translateX(-100%); } fuse-sidebar.right-positioned { right: 0; transform: translateX(100%); } fuse-sidebar.open { transform: translateX(0); } fuse-sidebar.locked-open { position: relative !important; transform: translateX(0) !important; } fuse-sidebar.folded { position: absolute !important; top: 0; bottom: 0; width: !important; max-width: !important; } fuse-sidebar.animations-enabled { transition-property: transform, width, min-width, max-width; transition-duration: 150ms; transition-timing-function: ease-in-out; } .fuse-sidebar-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.6); opacity: 0; } .fuse-sidebar-overlay.fuse-sidebar-overlay-invisible { background-color: transparent; } navbar.navbar-background-color { background: #ebebeb; } navbar.pretty-easy { flex: 1; display: flex; flex-direction: column; max-height: 100%; } navbar navbar-vertical-style-2 .mat-icon { color: #000; } navbar navbar-vertical-style-2 div.navbar-header { gap: unset; height: 70px; padding: 0 16px 0 24px; background-color: transparent; box-shadow: none; } .folded:not(.unfolded) navbar navbar-vertical-style-2 div.navbar-header { gap: 0; margin-bottom: 65px; position: relative; } navbar navbar-vertical-style-2 div.navbar-header .logo { height: 100%; } .folded:not(.unfolded) navbar navbar-vertical-style-2 div.navbar-header .logo { position: absolute; top: 65px; left: 0; } navbar navbar-vertical-style-2 div.navbar-header .logo .link { height: 100%; } navbar navbar-vertical-style-2 div.navbar-header .toggle-sidebar-folded, navbar navbar-vertical-style-2 div.navbar-header .toggle-sidebar-opened { width: 40px; height: 40px; padding: unset; transform: unset; } navbar navbar-vertical-style-2 div.navbar-header .toggle-sidebar-folded .mat-icon, navbar navbar-vertical-style-2 div.navbar-header .toggle-sidebar-opened .mat-icon { width: 24px; height: 24px; aspect-ratio: unset; } navbar navbar-vertical-style-2 div.navbar-header .toggle-sidebar-folded .mat-icon svg, navbar navbar-vertical-style-2 div.navbar-header .toggle-sidebar-opened .mat-icon svg { width: auto; min-width: unset; height: 100%; min-height: unset; aspect-ratio: 1; } navbar navbar-vertical-style-2 mat-icon.logo-icon-svg { color: white; width: 158px; height: 38px; } .folded:not(.unfolded) navbar navbar-vertical-style-2 mat-icon.logo-icon-svg { width: 100%; min-width: 40px; max-width: 152px; height: 55px; } .folded:not(.unfolded) navbar navbar-vertical-style-2 mat-icon.logo-icon-svg .brand-text { opacity: 0; transition-property: all; transition-duration: 100ms; transition-timing-function: ease; } .folded:not(.unfolded) navbar navbar-vertical-style-2 mat-icon.logo-icon-svg .brand-background, .folded:not(.unfolded) navbar navbar-vertical-style-2 mat-icon.logo-icon-svg .brand-text-ia { transform: translate(-327px, -58px) scale(2); transition-property: all; transition-duration: 200ms; transition-timing-function: ease; } navbar navbar-vertical-style-2 mat-icon.logo-icon-svg[svgicon=menu] { width: 32px; height: 32px; color: white; } navbar navbar-vertical-style-2 .navbar-header .logo img.logo-icon-png { width: 100%; height: auto; max-height: 100%; object-fit: contain; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) { padding-right: unset; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) + .nav-item { margin-top: unset; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link { padding: 0 16px 0 24px; border-radius: unset; font-weight: 700; line-height: 1.4; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link .nav-link-title { color: #000; font-size: 1.6rem; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link .nav-link-icon, navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link .collapsable-arrow { font-size: 26px; width: 26px; height: 26px; min-width: 26px; min-height: 26px; line-height: 26px; opacity: 1; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link .nav-link-icon { margin-right: 16px; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link.active { background: var(--milan-vert) !important; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link.active .nav-link-title { color: #000; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link.active .nav-link-icon, navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link.active .collapsable-arrow { color: #000; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link:hover { background: var(--milan-vert); } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link:hover .nav-link-title { color: #000; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link:hover .nav-link-icon, navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link:hover .collapsable-arrow { opacity: 1; color: #000; } navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link:hover .nav-link-icon svg, navbar navbar-vertical-style-2 .nav .nav-item:not(.wrapper-menu-item-external-url) .nav-link:hover .collapsable-arrow svg { color: #000; } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open { background: var(--milan-vert); border-radius: unset; } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open.nav-item > .nav-link { background: var(--milan-vert); } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open.nav-item > .nav-link::before { display: none; } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .children .nav-link { position: relative; padding-left: 90px; background: transparent !important; } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .children .nav-link.active.mat-accent-bg::before { content: ""; width: 25px; height: 25px; display: block; color: white; position: absolute; left: 30px; background-color: #FFF; -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/sub-menu-nav-link-icon.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/sub-menu-nav-link-icon.svg"); } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .children .nav-link:hover::before { content: ""; width: 25px; height: 25px; display: block; color: white; position: absolute; left: 30px; background-color: #FFF; -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/sub-menu-nav-link-icon.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/sub-menu-nav-link-icon.svg"); } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .children:hover .nav-link:not(:hover)::before { display: none !important; } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .children .xnav-link { position: relative; padding-left: 90px; } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .children .xnav-link.active.mat-accent-bg, navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .children .xnav-link:hover { background: transparent !important; } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .children .xnav-link.active.mat-accent-bg::before, navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .children .xnav-link:hover::before { content: ""; width: 25px; height: 25px; display: block; color: white; position: absolute; left: 30px; background: url("/assets/cycle-1-tne-canope/icons/sub-menu-nav-link-icon.svg") no-repeat; } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .nav-link:first-child .nav-link-icon, navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .nav-link:first-child .collapsable-arrow { opacity: 1; color: #000; } navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .nav-link:first-child .nav-link-icon svg, navbar navbar-vertical-style-2 .nav .nav-item.nav-collapsable.open .nav-link:first-child .collapsable-arrow svg { color: #000; } navbar navbar-vertical-style-2 .nav-collapsable.open .nav-link .collapsable-arrow { transform: rotate(90deg); } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-mentions-legales .nav-link-icon, navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-cgurgpd .nav-link-icon, navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-politique-confidentialite .nav-link-icon, navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-accessibility .nav-link-icon, navbar navbar-vertical-style-2 .nav > .navbar-content .menu-link .nav-link-icon { font-size: 18px; width: 18px; height: 18px; min-width: 18px; min-height: 18px; line-height: 18px; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-mentions-legales .nav-link-title, navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-cgurgpd .nav-link-title, navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-politique-confidentialite .nav-link-title, navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-accessibility .nav-link-title, navbar navbar-vertical-style-2 .nav > .navbar-content .menu-link .nav-link-title { font-size: 1rem; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-mentions-legales .nav-link, navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-cgurgpd .nav-link, navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-politique-confidentialite .nav-link, navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-accessibility .nav-link, navbar navbar-vertical-style-2 .nav > .navbar-content .menu-link .nav-link { height: 24px; } navbar navbar-vertical-style-2 .nav > .navbar-content { display: flex; flex-direction: column; padding-bottom: 50px; overflow: auto; } navbar navbar-vertical-style-2 .nav > .navbar-content > fuse-nav-vertical-item.nav-item, navbar navbar-vertical-style-2 .nav > .navbar-content > fuse-nav-vertical-item.menu-link { width: 100%; } navbar navbar-vertical-style-2 .nav > .navbar-content > fuse-nav-vertical-item.nav-item a:focus-visible, navbar navbar-vertical-style-2 .nav > .navbar-content > fuse-nav-vertical-collapsable a:focus-visible { width: 96%; margin: 5px auto; } navbar navbar-vertical-style-2 .nav > .navbar-content .menu-break { margin-top: auto !important; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); margin: 20px 40px 20px 20px; text-align: center; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link .mat-icon + span { margin-right: 2px; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link span:has(+ .mat-icon) { margin-left: 2px; } } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link:hover, navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link:hover .mat-icon, navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link.cdk-keyboard-focused .mat-icon { color: !important; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link:active .mat-icon { color: !important; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link[disabled] .mat-icon { color: #989CA4 !important; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link[disabled] { border: none; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-external-url .nav-link mat-icon { display: none; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by { padding: 1rem 2rem 0.5rem; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button { color: #FFF; border: 2px solid; border-radius: 6px; transition: background-color 100ms ease-in-out, border-color 100ms ease-in-out, transform 100ms ease-in-out; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button:not([disabled]):active { transform: translateY(1px); } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button[disabled] { cursor: default; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button .nav-item__logo-button-header { display: flex; justify-content: space-between; align-items: center; padding: 0.6rem 1.2rem; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button .nav-item__logo-button-header .nav-item__logo-button-label { font-size: 1.2rem; font-weight: 900; text-transform: uppercase; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button .nav-item__logo-button-header .nav-item__logo-button-icon { flex: none; width: 1.8rem; min-width: unset; height: unset; min-height: unset; aspect-ratio: 1; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button .nav-item__logo-button-header .nav-item__logo-button-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button .nav-item__logo-button-image { aspect-ratio: 3; object-fit: cover; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } fuse-sidebar.folded:not(.unfolded) navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by { display: flex; justify-content: center; } fuse-sidebar.folded:not(.unfolded) navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by:has(.nav-item__logo-button[disabled]) { padding: unset; } fuse-sidebar.folded:not(.unfolded) navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button:not([disabled]) .nav-item__logo-button-header { padding: 0.9rem; } fuse-sidebar.folded:not(.unfolded) navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button:not([disabled]) .nav-item__logo-button-header .nav-item__logo-button-label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } fuse-sidebar.folded:not(.unfolded) navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button:not([disabled]) .nav-item__logo-button-image { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } fuse-sidebar.folded:not(.unfolded) navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-offered-by .nav-item__logo-button[disabled] { display: none; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-mentions-legales { order: 1; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-cgurgpd { order: 2; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-politique-confidentialite { order: 3; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-accessibility { order: 4; } navbar navbar-vertical-style-2 .nav > .navbar-content .wrapper-menu-item-feedback { order: 5; } navbar navbar-vertical-style-2 .menu-link-block { position: relative; } body { color: #000; background-color: #FFFFFF; } body .mat-white-bg { background-color: #FFFFFF !important; } .page-layout { flex: 1; display: flex; flex-direction: column; } .top-main-toolbar { background-color: var(--faux-blanc); color: var(--anthracite) !important; } .top-main-toolbar .toolbar-separator { display: none; } .top-main-toolbar .user-button .account-info { display: flex; flex-direction: row-reverse; } .top-main-toolbar .user-button .account-info .material-icons { font-weight: bold; } #container-3 > content app-single-graph-view .page-layout > .content, #container-3 > content app-multi-graph-view .page-layout > .content, #container-3 > content app-notepad-list .page-layout > .content, #container-3 > content app-mindmap-list .page-layout > .content, #container-3 > content app-gamecode-list .page-layout > .content { padding: 16px; } app-collection { display: flex; flex-direction: row !important; flex-wrap: wrap; justify-content: center; gap: 4rem 2rem; padding: 2rem 3rem; color: #000; } app-collection .header, app-collection app-presentation-general, app-collection app-tag-block, app-collection app-full-width-cta, app-collection app-faq-block { width: 100%; } app-collection app-presentation-general .custom-block, app-collection app-key-figures .custom-block, app-collection app-half-width-cta .custom-block, app-collection app-full-width-cta .custom-block, app-collection app-faq-block .custom-block { height: 100%; padding: 2rem 3rem; border: 1px solid #CBD1DB; background-color: #F9FBFF; border-radius: 5px; box-shadow: 0 12px 40px -25px rgba(0, 0, 0, 0.5); } app-collection app-presentation-general .custom-block p a, app-collection app-key-figures .custom-block p a, app-collection app-half-width-cta .custom-block p a, app-collection app-full-width-cta .custom-block p a, app-collection app-faq-block .custom-block p a { color: var(--milan-vert); font-weight: 700; } app-collection app-half-width-cta .custom-block h2, app-collection app-full-width-cta .custom-block h2, app-collection app-faq-block .custom-block h2 { margin: unset; font-size: 1.8rem; font-weight: 700; } app-collection .header button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); font-size: 1.4rem; } app-collection .header button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-collection .header button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-collection .header button .mat-icon + span { margin-right: 2px; } app-collection .header button span:has(+ .mat-icon) { margin-left: 2px; } } app-collection .header button:hover, app-collection .header button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-collection .header button:hover .mat-icon, app-collection .header button.cdk-keyboard-focused .mat-icon { color: !important; } app-collection .header button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-collection .header button:active .mat-icon { color: !important; } app-collection .header button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-collection .header button[disabled] .mat-icon { color: #989CA4 !important; } app-collection .header button[disabled] { border: none; } app-collection .content { padding-right: 2rem; } app-collection app-presentation-general .custom-block { display: grid; grid-auto-columns: 3fr 1fr; -moz-column-gap: 3rem; column-gap: 3rem; } app-collection app-presentation-general .custom-block h1 { grid-row: 1/span 1; grid-column: 1/span 1; margin: unset; font-size: 2.4rem; font-weight: 700; text-transform: uppercase; } app-collection app-presentation-general .custom-block div { grid-row: 2/span 1; grid-column: 1/span 1; } app-collection app-presentation-general .custom-block img { grid-row: 2/span 1; grid-column: 2/span 1; align-self: center; border-radius: 5px; } app-collection app-tag-block .custom-block .mat-mdc-chip-set .mdc-evolution-chip-set__chips { justify-content: center; gap: 1.5rem 1rem; } app-collection app-tag-block .custom-block .mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip { height: unset; min-height: unset; margin: unset; padding: 1rem 1.5rem; background-color: var(--milan-vert); color: #FFF; border-radius: 20px; pointer-events: none; } app-collection app-key-figures { width: 100%; } @media screen and (min-width: 600px) { app-collection app-key-figures { width: calc((100% - 2rem) / 2); } } @media screen and (min-width: 960px) { app-collection app-key-figures { width: calc((100% - 6rem) / 4); } } app-collection app-key-figures .custom-block { display: flex; flex-direction: column; justify-content: center; gap: 3rem; padding: 5rem 3rem; } app-collection app-key-figures .custom-block span { display: block; text-align: center; text-transform: uppercase; } app-collection app-key-figures .custom-block span.key { color: var(--milan-vert); font-size: clamp(6rem, 2.27vw + 4.64rem, 9rem); font-weight: 900; line-height: 1; } app-collection app-key-figures .custom-block span:not(.key) { font-weight: 700; } app-collection app-key-figures .custom-block span:not(.key) p { margin: unset; } app-collection app-half-width-cta .custom-block, app-collection app-full-width-cta .custom-block { display: flex; flex-direction: column; justify-content: center; } app-collection app-half-width-cta .custom-block > a, app-collection app-full-width-cta .custom-block > a { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); width: -moz-fit-content; width: fit-content; font-size: 1.4rem; text-decoration: none !important; } app-collection app-half-width-cta .custom-block > a mat-icon.mat-icon, app-collection app-full-width-cta .custom-block > a mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-collection app-half-width-cta .custom-block > a mat-icon.mat-icon svg, app-collection app-full-width-cta .custom-block > a mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-collection app-half-width-cta .custom-block > a .mat-icon + span, app-collection app-full-width-cta .custom-block > a .mat-icon + span { margin-right: 2px; } app-collection app-half-width-cta .custom-block > a span:has(+ .mat-icon), app-collection app-full-width-cta .custom-block > a span:has(+ .mat-icon) { margin-left: 2px; } } app-collection app-half-width-cta .custom-block > a:hover, app-collection app-half-width-cta .custom-block > a.cdk-keyboard-focused, app-collection app-full-width-cta .custom-block > a:hover, app-collection app-full-width-cta .custom-block > a.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-collection app-half-width-cta .custom-block > a:hover .mat-icon, app-collection app-half-width-cta .custom-block > a.cdk-keyboard-focused .mat-icon, app-collection app-full-width-cta .custom-block > a:hover .mat-icon, app-collection app-full-width-cta .custom-block > a.cdk-keyboard-focused .mat-icon { color: !important; } app-collection app-half-width-cta .custom-block > a:active, app-collection app-full-width-cta .custom-block > a:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-collection app-half-width-cta .custom-block > a:active .mat-icon, app-collection app-full-width-cta .custom-block > a:active .mat-icon { color: !important; } app-collection app-half-width-cta .custom-block > a[disabled], app-collection app-full-width-cta .custom-block > a[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-collection app-half-width-cta .custom-block > a[disabled] .mat-icon, app-collection app-full-width-cta .custom-block > a[disabled] .mat-icon { color: #989CA4 !important; } app-collection app-half-width-cta .custom-block > a[disabled], app-collection app-full-width-cta .custom-block > a[disabled] { border: none; } app-collection app-half-width-cta { width: 100%; } @media screen and (min-width: 960px) { app-collection app-half-width-cta { width: calc((100% - 2rem) / 2); } } app-collection app-faq-block .custom-block .mat-accordion .mat-expansion-panel { --mat-expansion-container-text-color: #000; --mat-expansion-header-collapsed-state-height: null; --mat-expansion-header-expanded-state-height: null; --mat-expansion-header-text-color: #000; --mat-expansion-header-text-weight: 700; box-shadow: none !important; background: none !important; } app-collection app-faq-block .custom-block .mat-accordion .mat-expansion-panel .mat-expansion-panel-header { min-height: 5.4rem; padding: 0.9rem 1.8rem; } app-collection app-faq-block .custom-block .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title { gap: 0.6rem; } app-collection app-faq-block .custom-block .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title .mat-icon { --mat-icon-color: #ffed00; } app-collection app-faq-block mat-expansion-panel.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header .mat-icon, app-collection app-faq-block mat-expansion-panel.mat-expansion-panel.mat-expanded .mat-expansion-panel-header .mat-icon { transform: none; margin-right: unset; } app-collection app-faq-block mat-expansion-panel.mat-expansion-panel.mat-expanded > .mat-expansion-panel-header .mat-expansion-panel-header-title > .mat-icon { transform: rotate(180deg); } app-collection app-faq-block .mat-expansion-panel-header-title, app-collection app-faq-block .mat-expansion-panel-header-description { display: flex; flex-grow: 1; margin-right: unset; align-items: center; } app-collection app-faq-block .mat-accordion .mat-expansion-panel { border-radius: 5px; margin: 13px 3px; } app-collection app-faq-block mat-panel-title { display: flex; justify-content: space-between; width: 100%; } app-collection app-faq-block mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header, app-collection app-faq-block mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header:hover { background-color: #F9FBFF !important; border: 1px solid var(--bje-rouge); border-radius: 5px; } app-collection app-faq-block mat-expansion-panel.mat-expansion-panel.mat-expanded .mat-expansion-panel-header { box-shadow: 0px 12px 13px -12px rgba(0, 0, 0, 0.25); } app-collection app-faq-block dl dt, app-collection app-faq-block dl dd { display: block; } app-collection app-faq-block dl dt::after { content: ""; } app-collection app-faq-block .mat-expansion-panel-body { background: #F9FBFF; border: 1px solid #CBD1DB; border-radius: 0 0 5px 5px; padding: 0 1rem; } app-collection app-faq-block .mat-expansion-panel-body p { padding: 0 15px; } app-collection app-faq-block .mat-accordion > .mat-expansion-panel-spacing:last-child, app-collection app-faq-block .mat-accordion > :last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing { margin-bottom: 13px; } app-collection app-faq-block .mat-accordion > .mat-expansion-panel-spacing:first-child, app-collection app-faq-block .mat-accordion > :first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing { margin-top: 13px; } app-lesson-view .header { align-items: center; } app-lesson-view .header button { display: flex; align-items: center; gap: 10px; min-width: auto; } app-lesson-view .header .breadcrumb { text-transform: uppercase; font-weight: bold; } app-lesson-view .header .breadcrumb ul { padding: 0 15px; margin: 0; } app-lesson-view .header .breadcrumb li { display: inline-block; } app-lesson-view .header .breadcrumb li .lesson-card-breadcrump__nav__item__separator { padding: 0 5px; } app-lesson-view .header .breadcrumb li.concept, app-lesson-view .header .breadcrumb li.chapter { color: var(--milan-vert); } app-lesson-view .header .breadcrumb li.concept a, app-lesson-view .header .breadcrumb li.chapter a { text-decoration: underline; color: var(--milan-vert); } app-lesson-view .header .breadcrumb li.concept .lesson-card-breadcrump__nav__item__separator, app-lesson-view .header .breadcrumb li.chapter .lesson-card-breadcrump__nav__item__separator { color: var(--milan-vert); } app-lesson-view .header .breadcrumb li.title a { color: #000; } app-lesson-view .lesson-section { display: flex; flex-direction: column; gap: 32px; min-width: -moz-fit-content; min-width: fit-content; padding: 16px; background-color: var(--faux-blanc); border: 1px solid var(--gris-de-contour); border-radius: 0 0 5px 5px; filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1)); } app-lesson-view .lesson-section .lesson-wrapper { display: flex; gap: 16px; } app-lesson-view .lesson-section .lesson-wrapper .lesson-thumbnail { flex: 0 0 200px; } app-lesson-view .lesson-section .lesson-wrapper .lesson-thumbnail img { border: 1px solid var(--gris-de-contour); border-radius: 5px; } app-lesson-view .lesson-section .lesson-wrapper .lesson-content { display: flex; flex-direction: column; gap: 16px; } app-lesson-view .lesson-section .lesson-wrapper .lesson-content .lesson-title > h1 { font-weight: 700; text-transform: uppercase; margin: 0; } app-lesson-view .lesson-section .lesson-wrapper .lesson-content .lesson-author { width: -moz-fit-content; width: fit-content; padding: 10px; background-color: var(--bj-gris-clair); border-radius: 5px; } app-lesson-view .lesson-section .lesson-wrapper .lesson-content .lesson-author > span:last-child { font-weight: 700; } app-lesson-view .lesson-section .lesson-wrapper .lesson-content .lesson-description > p { margin: 0; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions { flex: none; display: flex; flex-direction: column; gap: 0.6rem; padding-left: 6rem; margin-left: auto; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div { display: flex; flex-direction: column; gap: 0.6rem; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div button { justify-content: space-between !important; gap: 1.8rem !important; width: 100% !important; margin: unset; font-size: 1.4rem !important; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button .mat-icon + span { margin-right: 2px; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button span:has(+ .mat-icon) { margin-left: 2px; } } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button:hover, app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button:hover .mat-icon, app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button.cdk-keyboard-focused .mat-icon { color: !important; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button:active .mat-icon { color: !important; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button[disabled] .mat-icon { color: #989CA4 !important; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:first-child button[disabled] { border: none; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: #FFF; border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid #000; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button .mat-icon + span { margin-right: 2px; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button span:has(+ .mat-icon) { margin-left: 2px; } } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button:hover, app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button.cdk-keyboard-focused { background: #ffed00; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button:hover .mat-icon, app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button.cdk-keyboard-focused .mat-icon { color: !important; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button:active { background: #ffed00; box-shadow: none; transform: translateY(1px); } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button:active .mat-icon { color: !important; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button[disabled] .mat-icon { color: #989CA4 !important; } app-lesson-view .lesson-section .lesson-wrapper .lesson-actions > div:last-child button[disabled] { border: none; } app-lesson-view .lesson-section .lesson-files { position: relative; display: flex; flex-direction: column; gap: 16px; padding: 16px; border-radius: 5px; background-color: var(--bj-gris-clair); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04) inset; } app-lesson-view .lesson-section .lesson-files .lesson-files-title { display: flex; align-items: center; gap: 8px; } app-lesson-view .lesson-section .lesson-files .lesson-files-title h2 { font-weight: 700; font-size: 18px; line-height: 21px; margin: 0; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper { display: flex; overflow-x: hidden; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav { position: absolute; top: 10px; right: 16px; display: flex; gap: 10px; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev mat-icon.mat-icon, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev mat-icon.mat-icon svg, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev .mat-icon + span, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next .mat-icon + span { margin-right: 2px; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev span:has(+ .mat-icon), app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next span:has(+ .mat-icon) { margin-left: 2px; } } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev:hover, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev.cdk-keyboard-focused, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next:hover, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev:hover .mat-icon, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev.cdk-keyboard-focused .mat-icon, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next:hover .mat-icon, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev:active, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev:active .mat-icon, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next:active .mat-icon { color: #000 !important; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev[disabled], app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev[disabled] .mat-icon, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next[disabled] .mat-icon { color: #989CA4 !important; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev::before, app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator), app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #prev mat-icon { rotate: 180deg; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper .custom-nav #next { margin-left: unset; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper mat-card { display: flex; flex-direction: row; align-items: center; margin-right: 16px; padding: 16px; background: white; border: 1px solid var(--gris-de-contour); border-radius: 5px; overflow-wrap: anywhere; cursor: pointer; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper mat-card mat-card-content { padding: unset; font-weight: 700; line-height: 1.15; } app-lesson-view .lesson-section .lesson-files .file-cards-wrapper mat-card mat-icon { height: 54px; width: 54px; min-height: 54px; min-width: 54px; padding: 5px; margin-right: 10px; color: #000; border: 1px solid #000; border-radius: 5px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); } app-lesson-view .lesson-section .lesson-files.focus .owl-item:first-child mat-card { border: 4px solid #ffed00; animation: blink 1s; animation-iteration-count: 3; } @keyframes blink { 50% { border-color: #fff461; } } mat-expansion-panel.mat-expansion-panel { --mat-expansion-header-collapsed-state-height: 5.2rem; --mat-expansion-header-expanded-state-height: 5.2rem; } mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator { display: none; } app-banner-info { display: flex; margin: 0 0 16px 0; border-radius: 5px; background-color: var(--faux-blanc); color: #000 !important; } app-banner-info:empty, app-banner-info:has(> *:empty) { display: none; } .groups-inline-modal-learner app-banner-info { display: none; } fuse-app-lessons-list app-banner-info { margin: 8px 8px 16px; } app-corpus-root app-banner-info { margin: 0 15px 17px 14px; } app-gamecode-list app-banner-info { margin: 16px 15px 15px 25px; } app-banner-info mat-toolbar.mat-toolbar { font-size: inherit; } app-banner-info mat-toolbar.mat-toolbar h3, app-banner-info mat-toolbar.mat-toolbar h1 { line-height: 1.4; } app-banner-info mat-toolbar.mat-toolbar p { margin: 0; font-weight: 400; line-height: 1.4; white-space: break-spaces; } app-banner-info .mat-toolbar-single-row { background: transparent; color: inherit; padding: 18px 12px; display: flex; flex-direction: column; align-items: flex-start; height: auto; } .mat-mdc-chip.mat-mdc-standard-chip:where(:not(.first-time-user-experience__chip)) { --mdc-chip-label-text-weight: 500; background: linear-gradient(180deg, #006aa6 0%, #2680b3 100%) !important; color: #FFF !important; transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; padding: 7px 12px; border-radius: 16px; align-items: center; cursor: default; height: unset; min-height: 32px; gap: 10px; } .mat-mdc-chip.mat-mdc-standard-chip:where(:not(.first-time-user-experience__chip)) .mat-icon { background-color: transparent; opacity: 1; color: #FFF; } .mat-mdc-chip.mat-mdc-standard-chip:where(:not(.first-time-user-experience__chip)) .mat-icon svg { width: inherit; height: inherit; min-height: inherit; min-width: inherit; transform: none; } .mat-mdc-chip.mat-mdc-standard-chip:where(:not(.first-time-user-experience__chip)) .mat-mdc-chip-action .mat-mdc-chip-action-label { display: flex; align-items: center; gap: 1rem; color: inherit; text-wrap: unset; } .mat-mdc-chip.mat-mdc-standard-chip:where(:not(.first-time-user-experience__chip)) .mat-mdc-chip-action .mat-mdc-chip-action-label a { color: inherit; } .mat-mdc-chip.mat-mdc-standard-chip:where(:not(.first-time-user-experience__chip)) .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove { background-color: unset; border: unset; } .mat-mdc-chip.mat-mdc-standard-chip:where(:not(.first-time-user-experience__chip)) .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove .mat-icon { width: 1.8rem; height: auto; aspect-ratio: 1; } .mat-mdc-chip.mat-mdc-standard-chip:where(:not(.first-time-user-experience__chip)):not(.mat-mdc-chip-option) .mat-mdc-chip-action { padding: unset; } app-dash-widget { display: flex; flex-direction: column; overflow: auto; } app-dash-widget mat-card.mat-mdc-card { display: flex; flex-direction: column; overflow: auto; } app-dash-widget mat-card.mat-mdc-card mat-card-header.mat-mdc-card-header { flex: none; } app-dash-widget mat-card.mat-mdc-card mat-card-content.mat-mdc-card-content { flex: 1; overflow: auto; } app-dash-widget .mat-mdc-card .mat-mdc-card-header button.mat-mdc-icon-button { color: white; } app-dash-widget .mat-mdc-card .mat-mdc-card-header button.mat-mdc-icon-button .mat-icon path { fill: currentColor; } .cdk-overlay-backdrop, .cdk-overlay-dark-backdrop { background-color: !important; } mat-dialog-container .mat-mdc-dialog-surface { overflow: hidden; color: black; background-color: white; border: none; } mat-dialog-container .mat-mdc-dialog-surface > *:not(router-outlet) { position: relative; flex: 1 1 0%; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 100%; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title { flex: none; min-height: 44px; padding: 10px 14px 10px 24px; color: #000; background-color: var(--milan-vert); } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h1, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h2, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h3, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h1, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h2, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h3, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title h1, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title h2, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title h3, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title .h1, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title .h2, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title .h3 { font-weight: bold; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h1 + button.close, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h2 + button.close, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h3 + button.close, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h1 + button.close, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h2 + button.close, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title .h3 + button.close, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title h1 + button.close, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title h2 + button.close, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title h3 + button.close, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title .h1 + button.close, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title .h2 + button.close, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title .h3 + button.close { margin-left: auto; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close mat-icon.mat-icon, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close mat-icon.mat-icon svg, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close .mat-icon + span, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close .mat-icon + span { margin-right: 2px; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close span:has(+ .mat-icon), mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close span:has(+ .mat-icon) { margin-left: 2px; } } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close:hover, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close.cdk-keyboard-focused, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close:hover, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close:hover .mat-icon, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close.cdk-keyboard-focused .mat-icon, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close:hover .mat-icon, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close.cdk-keyboard-focused .mat-icon { color: !important; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close:active, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close:active .mat-icon, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close:active .mat-icon { color: !important; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close[disabled], mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close[disabled] .mat-icon, mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close[disabled] .mat-icon { color: #989CA4 !important; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close[disabled], mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close[disabled] { border: none; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title button.close span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator), mat-dialog-container .mat-mdc-dialog-surface .activities-dialog-title button.close span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-content { color: inherit; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-content div p a { color: #000; text-decoration: underline; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-content button.submit-button[disabled] { color: #000; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title + .mat-mdc-dialog-content { padding-top: 24px; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); font-size: 1.4rem; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button .mat-icon + span { margin-right: 2px; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button span:has(+ .mat-icon) { margin-left: 2px; } } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:hover, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:hover .mat-icon, mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.cdk-keyboard-focused .mat-icon { color: !important; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:active .mat-icon { color: !important; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button[disabled] .mat-icon { color: #989CA4 !important; } mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button[disabled] { border: none; } app-edit-lesson-dialog .mat-mdc-form-field-infix mat-select-value { min-height: 44px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; letter-spacing: 0.4px; color: #000000; } .activities-list-dialog .mat-mdc-dialog-surface { height: 95%; margin-top: 1%; padding: 0; } .activities-list-dialog .mat-mdc-dialog-surface .activities-dialog-title button { height: 24px; margin-left: auto; width: 24px; } .activities-list-dialog .mat-mdc-dialog-surface .mat-mdc-dialog-content { flex-direction: row; } .activities-list-dialog .mat-mdc-dialog-surface .multi-content { flex: 1; } .activities-list-dialog .mat-mdc-dialog-surface .multi-content .mat-mdc-card.activities-card .mat-mdc-card-header { display: none; } .activities-list-dialog .mat-mdc-dialog-surface .multi-content .mat-mdc-card.activities-card .mat-mdc-card-content { flex: 1; height: 100%; } .activities-list-dialog .mat-mdc-dialog-surface .preview-wrapper, .activities-list-dialog .mat-mdc-dialog-surface .next-wrapper { min-width: 60px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; flex: none !important; } .activities-list-dialog .mat-mdc-dialog-surface .preview-wrapper .preview, .activities-list-dialog .mat-mdc-dialog-surface .preview-wrapper .next, .activities-list-dialog .mat-mdc-dialog-surface .next-wrapper .preview, .activities-list-dialog .mat-mdc-dialog-surface .next-wrapper .next { padding: 0; margin: 0; width: 32px; height: 32px; background-color: #ffed00; } .activities-list-dialog .mat-mdc-dialog-surface .preview-wrapper .preview[disabled], .activities-list-dialog .mat-mdc-dialog-surface .preview-wrapper .next[disabled], .activities-list-dialog .mat-mdc-dialog-surface .next-wrapper .preview[disabled], .activities-list-dialog .mat-mdc-dialog-surface .next-wrapper .next[disabled] { display: none; } .activities-list-dialog-preview mat-card-footer { display: none !important; } .fullsizeImage .mat-mdc-dialog-surface { width: 80% !important; margin: auto !important; height: auto; } .fullsizeImage .mat-mdc-dialog-content { padding: 0 15px 15px 15px !important; } .fullsizeImage .consigne-img { width: 100%; } .fullsizeImage .consigne-img .is-picture { height: 100% !important; } app-resource-upload-modal-step2 .ngx-file-drop__drop-zone, .corpus-upload .text-center .ngx-file-drop__drop-zone { border-radius: 0 !important; border: 2px dashed #000 !important; margin: 15px 0 !important; padding: 5px 10px; min-height: 120px; } app-resource-upload-modal-step2 .ngx-file-drop__content, .corpus-upload .text-center .ngx-file-drop__content { display: flex; flex-direction: column; justify-content: center; align-items: center; } app-resource-upload-modal-step2 .ngx-file-drop__content .ngx-file-drop__drop-zone-label, .corpus-upload .text-center .ngx-file-drop__content .ngx-file-drop__drop-zone-label { color: #000; } app-resource-upload-modal-step2 .ngx-file-drop__content .btn, .corpus-upload .text-center .ngx-file-drop__content .btn { padding: 10px; margin-top: 10px; } .corpus-upload app-resource-upload-modal-step2 input, app-resource-upload-modal-step2 .corpus-upload input, .corpus-upload app-resource-upload-modal-step2 .mat-mdc-form-field-label span, app-resource-upload-modal-step2 .mat-mdc-form-field-label .corpus-upload span, .corpus-upload app-resource-upload-modal-step2 .mat-mdc-dialog-content fieldset legend, app-resource-upload-modal-step2 .mat-mdc-dialog-content fieldset .corpus-upload legend, .corpus-upload app-resource-upload-modal-step2 .mat-mdc-dialog-content div p, app-resource-upload-modal-step2 .mat-mdc-dialog-content div .corpus-upload p, .corpus-upload app-resource-upload-modal-step2 .mat-mdc-dialog-content .content .content :nth-child(5), app-resource-upload-modal-step2 .mat-mdc-dialog-content .content .content .corpus-upload :nth-child(5), .corpus-upload app-resource-upload-modal-step2 .mat-mdc-dialog-content .content .content :nth-child(4), app-resource-upload-modal-step2 .mat-mdc-dialog-content .content .content .corpus-upload :nth-child(4), .corpus-upload app-resource-upload-modal-step2 .mat-mdc-dialog-content .content .content :nth-child(3), app-resource-upload-modal-step2 .mat-mdc-dialog-content .content .content .corpus-upload :nth-child(3), .corpus-upload app-resource-upload-modal-step2 .gx-file-drop__drop-zone-label, app-resource-upload-modal-step2 .corpus-upload .gx-file-drop__drop-zone-label, .corpus-upload .content-url-import, .corpus-upload .text-center em, .corpus-upload .text-center span, .corpus-upload app-resource-upload-modal-step2 .ngx-file-drop__content .ngx-file-drop__drop-zone-label, app-resource-upload-modal-step2 .corpus-upload .ngx-file-drop__content .ngx-file-drop__drop-zone-label, .corpus-upload .text-center .ngx-file-drop__content .ngx-file-drop__drop-zone-label, app-resource-upload-modal-step2 .ngx-file-drop__content .corpus-upload .ngx-file-drop__drop-zone-label { font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; } .corpus-upload .text-center { text-align: left; } .corpus-upload .text-center span { color: #000; } .corpus-upload .text-center em { font-weight: 400; color: #000; } .corpus-upload .content-url-import { color: #000; } .corpus-upload .content-url-import mat-form-field { justify-content: center; display: flex; } .corpus-upload .content-url-import .mat-mdc-form-field-wrapper { width: 60%; } .corpus-upload .content-url-import .mat-mdc-form-field-wrapper input { font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; color: #000; } app-resource-upload-modal-step2 .mat-mdc-dialog-content .content .content { padding: 20px 0 !important; } app-resource-upload-modal-step2 .mat-mdc-dialog-content .content .content :nth-child(3) { text-transform: uppercase; font-size: 12px; line-height: 14px; } app-resource-upload-modal-step2 .mat-mdc-dialog-content .content .content :nth-child(4) { font-weight: 700; font-size: 14px; line-height: 17px; } app-resource-upload-modal-step2 .mat-mdc-dialog-content .content .content :nth-child(5) { font-weight: 400; } app-resource-upload-modal-step2 .mat-mdc-dialog-content fieldset legend, app-resource-upload-modal-step2 .mat-mdc-dialog-content div p { font-weight: 400; } app-resource-upload-modal-step2 .mat-mdc-form-field-label span { font-size: 12px; text-transform: uppercase; color: #000; } app-resource-upload-modal-step2 input { font-weight: 400; } app-feedback .feedback .feedback__header .feedback__title { font-size: 1.6rem; } app-feedback .feedback .feedback__actions .feedback__next-button mat-icon { display: none; } .count-entities { color: rgba(0, 0, 0, 0.8); font: 500 1.4rem/36px "var(--typo1)", sans-serif; } .filters { margin: 0 0.9rem 1.8rem !important; padding: 1.8rem 0 0.9rem; background-color: white !important; border: 1px solid var(--gris-de-contour); border-radius: 5px; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .filters .mat-mdc-form-field.mat-mdc-form-field-should-float, .filters .mat-mdc-form-field.mat-mdc-form-field-can-float, .filters .mat-mdc-form-field.mat-mdc-form-field-label-always-float, .filters .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-wrapper { min-width: 260px; margin-right: 10px; } .filters .mat-mdc-form-field.mat-mdc-form-field-should-float.field-school, .filters .mat-mdc-form-field.mat-mdc-form-field-can-float.field-school, .filters .mat-mdc-form-field.mat-mdc-form-field-label-always-float.field-school, .filters .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-wrapper.field-school { min-width: 190px; } .filters button.mat-mdc-raised-button .count { margin-right: -13px; padding: 0 5px; } .filters .btn-collapse { color: #000; border-color: #000 !important; } .filters .btn-collapse .mat-icon { color: #000; border-color: transparent; } .filters .btn-collapse:not(.mat-mdc-outlined-button) { color: #000; } .filters button[disabled], .filters button:not(.mat-mdc-outlined-button)[disabled] { color: #000; } .filters button:not(.mat-mdc-outlined-button) svg.mat-datepicker-toggle-default-icon > path:first-child { fill: currentColor; } .filters .groups-list__filters__button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); } .filters .groups-list__filters__button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .filters .groups-list__filters__button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .filters .groups-list__filters__button .mat-icon + span { margin-right: 2px; } .filters .groups-list__filters__button span:has(+ .mat-icon) { margin-left: 2px; } } .filters .groups-list__filters__button:hover, .filters .groups-list__filters__button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } .filters .groups-list__filters__button:hover .mat-icon, .filters .groups-list__filters__button.cdk-keyboard-focused .mat-icon { color: !important; } .filters .groups-list__filters__button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } .filters .groups-list__filters__button:active .mat-icon { color: !important; } .filters .groups-list__filters__button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .filters .groups-list__filters__button[disabled] .mat-icon { color: #989CA4 !important; } .filters .groups-list__filters__button[disabled] { border: none; } .filters app-search-filters form .search-filters__container .search-filters__search-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); margin-bottom: unset; font-size: 1.4rem; } .filters app-search-filters form .search-filters__container .search-filters__search-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .filters app-search-filters form .search-filters__container .search-filters__search-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .filters app-search-filters form .search-filters__container .search-filters__search-button .mat-icon + span { margin-right: 2px; } .filters app-search-filters form .search-filters__container .search-filters__search-button span:has(+ .mat-icon) { margin-left: 2px; } } .filters app-search-filters form .search-filters__container .search-filters__search-button:hover, .filters app-search-filters form .search-filters__container .search-filters__search-button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } .filters app-search-filters form .search-filters__container .search-filters__search-button:hover .mat-icon, .filters app-search-filters form .search-filters__container .search-filters__search-button.cdk-keyboard-focused .mat-icon { color: !important; } .filters app-search-filters form .search-filters__container .search-filters__search-button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } .filters app-search-filters form .search-filters__container .search-filters__search-button:active .mat-icon { color: !important; } .filters app-search-filters form .search-filters__container .search-filters__search-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .filters app-search-filters form .search-filters__container .search-filters__search-button[disabled] .mat-icon { color: #989CA4 !important; } .filters app-search-filters form .search-filters__container .search-filters__search-button[disabled] { border: none; } .filters app-search-filters form .search-filters__container .search-filters__bookmark-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .filters app-search-filters form .search-filters__container .search-filters__autocorrect-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background { background-color: transparent !important; border: 2px solid var(--bje-rouge) !important; border-radius: 0; } .filters app-search-filters form .search-filters__container .search-filters__bookmark-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__checkmark path, .filters app-search-filters form .search-filters__container .search-filters__autocorrect-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__checkmark path { stroke: var(--bje-rouge); } .filters app-search-filters form .search-filters__container .search-filters__bookmark-checkbox .mdc-form-field .mdc-label, .filters app-search-filters form .search-filters__container .search-filters__autocorrect-checkbox .mdc-form-field .mdc-label { font-weight: 700; } .filters .mat-mdc-form-field { --mdc-filled-text-field-label-text-font: 500 14px/16px var(--typo1), sans-serif; --mdc-filled-text-field-label-text-size: 1.6rem; --mdc-filled-text-field-label-text-weight: bold; --mdc-filled-text-field-label-text-tracking: normal; --mdc-filled-text-field-label-text-color: #000; --mdc-filled-text-field-container-color: transparent; } .filters .mat-mdc-form-field .mdc-text-field { padding: 0 0; } .filters .mat-mdc-form-field .mdc-text-field--filled .mat-mdc-form-field-flex .mdc-floating-label { font-family: var(--mdc-filled-text-field-label-text-font); font-size: var(--mdc-filled-text-field-label-text-size); font-weight: var(--mdc-filled-text-field-label-text-weight); letter-spacing: var(--mdc-filled-text-field-label-text-tracking); text-transform: uppercase; } .filters .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label, .filters .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label--float-above { color: var(--mdc-filled-text-field-label-text-color); } .filters .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) { --mdc-filled-text-field-container-color: transparent; background-color: var(--mdc-filled-text-field-container-color); } .filters .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base { width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); } .filters .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button svg, .filters .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button img { width: var(--mdc-icon-button-icon-size); height: var(--mdc-icon-button-icon-size); } .filters .mat-mdc-form-field .mat-mdc-chip-set.mdc-evolution-chip-set .mdc-evolution-chip-set__chips { margin-left: 0; } mat-form-field.mat-mdc-form-field { --mdc-filled-text-field-container-color: transparent; min-width: 150px; } mat-form-field.mat-mdc-form-field div.mat-mdc-text-field-wrapper.mdc-text-field { padding: 0 0; } mat-form-field.mat-mdc-form-field div.mat-mdc-text-field-wrapper.mdc-text-field--filled:not(.mdc-text-field--disabled) { background-color: var(--mdc-filled-text-field-container-color); } .mat-mdc-chip-set.mdc-evolution-chip-set { display: flex; align-items: center; } .mat-mdc-chip-set.mdc-evolution-chip-set .mdc-evolution-chip-set__chips { margin-left: 0; align-items: center; } .mat-mdc-chip-set .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing { --mdc-chip-with-trailing-icon-trailing-icon-color: #FFF; color: var(--mdc-chip-with-trailing-icon-trailing-icon-color); } div.mat-mdc-select-panel.mat-primary .mat-mdc-select-content, div.mat-mdc-select-panel.mat-primary .mat-mdc-select-panel-done-animating { background-color: white; color: white; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-label { top: 1.28125em; } .mat-mdc-form-field .mat-mdc-select-arrow { width: 24px; height: 24px; margin: 0 4px; border: none; background-color: var(--bje-rouge); -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/chevron-up.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/chevron-up.svg"); } .mat-mdc-form-field .mat-mdc-select.mat-focused .mat-mdc-select-arrow { background-color: #ffed00; } .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow { background-color: #c32c2c; } .mat-option:not(.mat-option-disabled).mat-active { outline: 2px solid black; outline-offset: -2px; } .mat-option:not(.mat-option-disabled).mat-mdc-selected { color: #000 !important; } mat-checkbox.mat-mdc-checkbox.mat-accent label.mdc-form-field .mdc-checkbox .mdc-checkbox__background { border: 2px solid var(--bje-rouge); border-radius: 0; background-color: transparent; } mat-checkbox.mat-mdc-checkbox.mat-accent label.mdc-form-field .mdc-checkbox .mdc-checkbox__background svg.mdc-checkbox__checkmark path { stroke: var(--bje-rouge) !important; } .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper { display: flex; } .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper { display: contents !important; } /** * Since the mat-error element can be displayed outside of mat-form-field, its style declarations must be kept separate */ .mat-mdc-form-field-error { margin-top: 0.6rem; padding: 0.6rem 1.2rem; background-color: #F5E2E2; border-radius: 6px; font-size: 1.4rem; font-weight: 500; } .mat-mdc-form-field-error:empty, .mat-mdc-form-field-error:has(span:empty) { display: none; } .visible { visibility: visible; } .invisible { visibility: hidden; } .hide { display: none !important; } info-graph, app-graph-details-modal { position: absolute; top: 0; left: 0; } info-graph #tooltip, app-graph-details-modal #tooltip { position: absolute; font-size: 14px; width: 280px; background: #fff; z-index: 9999; } info-graph #tooltip .mat-mdc-card-header .mat-mdc-card-title, app-graph-details-modal #tooltip .mat-mdc-card-header .mat-mdc-card-title { font-size: 18px; } info-graph #tooltip:after, app-graph-details-modal #tooltip:after { content: ""; position: absolute; margin-left: -8px; width: 0; height: 0; } info-graph #tooltip.arrow-on-top, app-graph-details-modal #tooltip.arrow-on-top { transform: translate(-50%, 20px); } info-graph #tooltip.arrow-on-top:after, app-graph-details-modal #tooltip.arrow-on-top:after { top: -9px; left: 50%; border-bottom: 8px solid #ebebeb; border-right: 8px solid transparent; border-left: 8px solid transparent; } info-graph #tooltip.arrow-on-top.arrow-on-right, app-graph-details-modal #tooltip.arrow-on-top.arrow-on-right { transform: translate(calc(-100% + 8px), 20px); } info-graph #tooltip.arrow-on-top.arrow-on-right:after, app-graph-details-modal #tooltip.arrow-on-top.arrow-on-right:after { top: -8px; left: calc(100% - 8px); border-bottom: 8px solid #ebebeb; border-right: 8px solid transparent; border-left: 8px solid transparent; } info-graph #tooltip.arrow-on-top.arrow-on-left, app-graph-details-modal #tooltip.arrow-on-top.arrow-on-left { transform: translate(-10px, 20px); } info-graph #tooltip.arrow-on-top.arrow-on-left:after, app-graph-details-modal #tooltip.arrow-on-top.arrow-on-left:after { top: -8px; left: 10px; border-bottom: 8px solid #ebebeb; border-right: 8px solid transparent; border-left: 8px solid transparent; } info-graph #tooltip.arrow-on-bottom, app-graph-details-modal #tooltip.arrow-on-bottom { transform: translate(-50%, calc(-100% - 20px)); } info-graph #tooltip.arrow-on-bottom:after, app-graph-details-modal #tooltip.arrow-on-bottom:after { left: 50%; border-top: 8px solid #ebebeb; border-right: 8px solid transparent; border-left: 8px solid transparent; } info-graph #tooltip.arrow-on-bottom.arrow-on-left, app-graph-details-modal #tooltip.arrow-on-bottom.arrow-on-left { transform: translate(20px, calc(-100% + 20px)); } info-graph #tooltip.arrow-on-bottom.arrow-on-left:after, app-graph-details-modal #tooltip.arrow-on-bottom.arrow-on-left:after { bottom: 11px; left: -8px; border-right: 8px solid #ebebeb; border-bottom: 8px solid transparent; border-top: 8px solid transparent; } info-graph #tooltip.arrow-on-bottom.arrow-on-right, app-graph-details-modal #tooltip.arrow-on-bottom.arrow-on-right { transform: translate(calc(-100% - 20px), calc(-100% + 20px)); } info-graph #tooltip.arrow-on-bottom.arrow-on-right:after, app-graph-details-modal #tooltip.arrow-on-bottom.arrow-on-right:after { left: initial; top: initial; right: -16px; bottom: 10px; border-left: 8px solid #ebebeb; border-bottom: 8px solid transparent; border-top: 8px solid transparent; } info-graph #tooltip .tooltips, app-graph-details-modal #tooltip .tooltips { position: relative; border: 2px solid var(--milan-vert); } info-graph #tooltip .tooltips.homework, app-graph-details-modal #tooltip .tooltips.homework { border: 2px solid #24B7C7; } info-graph #tooltip .tooltips.homework:after, app-graph-details-modal #tooltip .tooltips.homework:after { border-bottom: 8px solid #24B7C7; } info-graph #tooltip .tooltips.homework mat-card-header, app-graph-details-modal #tooltip .tooltips.homework mat-card-header { background-color: #24B7C7; } info-graph #tooltip .tooltips.assessment, app-graph-details-modal #tooltip .tooltips.assessment { border: 2px solid #006D86; } info-graph #tooltip .tooltips.assessment:after, app-graph-details-modal #tooltip .tooltips.assessment:after { border-bottom: 8px solid #006D86; } info-graph #tooltip .tooltips.assessment mat-card-header, app-graph-details-modal #tooltip .tooltips.assessment mat-card-header { background-color: #006D86; } info-graph #tooltip .tooltips .mat-mdc-card, app-graph-details-modal #tooltip .tooltips .mat-mdc-card { padding: 0; } info-graph #tooltip .tooltips mat-card-header, app-graph-details-modal #tooltip .tooltips mat-card-header { background-color: #ebebeb; color: white; display: flex; place-content: center flex-start; align-items: center; min-height: 52px; padding: 0 10px; } info-graph #tooltip .tooltips mat-card-header .pastille, app-graph-details-modal #tooltip .tooltips mat-card-header .pastille { order: 1; display: flex; background-color: white; place-content: center; align-items: center; width: 32px; height: 32px; } info-graph #tooltip .tooltips mat-card-header .pastille .mat-icon path, app-graph-details-modal #tooltip .tooltips mat-card-header .pastille .mat-icon path { fill: #ebebeb; } info-graph #tooltip .tooltips mat-card-header .pastille .mat-icon.homework path, app-graph-details-modal #tooltip .tooltips mat-card-header .pastille .mat-icon.homework path { fill: #24B7C7; } info-graph #tooltip .tooltips mat-card-header .pastille .mat-icon.assessment path, app-graph-details-modal #tooltip .tooltips mat-card-header .pastille .mat-icon.assessment path { fill: #006D86; } info-graph #tooltip .tooltips mat-card-header .mat-mdc-card-header-text, app-graph-details-modal #tooltip .tooltips mat-card-header .mat-mdc-card-header-text { order: 2; } info-graph #tooltip .tooltips mat-card-header .mat-mdc-card-header-text .mat-mdc-card-title, app-graph-details-modal #tooltip .tooltips mat-card-header .mat-mdc-card-header-text .mat-mdc-card-title { margin-bottom: 0; } info-graph #tooltip .tooltips mat-card-content, app-graph-details-modal #tooltip .tooltips mat-card-content { padding: 10px; } app-graph-assignation h1 { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 20px; line-height: 23px; text-align: right; } app-graph-assignation label { font-size: 18px; } app-graph-assignation .box-average { padding: 12px 12px 0 12px; } app-graph-assignation .box-average label { font-size: 16px; } app-graph-assignation .box-average img.avatar { width: 70px; height: 70px; background: grey; } app-graph-assignation .box-average .info-average { font-weight: 500; font-size: 16px; line-height: 19px; padding: 6px 12px; border: 2px solid #91BE46; } app-graph-assignation .box-average .info-average label:first-child { color: #91BE46; } /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ app-graph-selector nav .mat-mdc-tab-list .mat-mdc-tab-links button span { font-weight: 700; font-size: 18px; line-height: 21px; color: #000 !important; } app-multi-graph-view app-shared-filters mat-toolbar mat-toolbar-row { padding-top: 20px !important; } app-multi-graph-view app-shared-filters mat-form-field.mat-mdc-form-field-disabled .mat-mdc-form-field-label, app-multi-graph-view app-shared-filters mat-form-field.mat-mdc-form-field-disabled .mat-mdc-form-field-label > span { color: #000 !important; } app-multi-graph-view app-shared-filters mat-datepicker-toggle button svg.mat-datepicker-toggle-default-icon > path:first-child { fill: white !important; } app-graph-details-modal #tooltip { filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25)); } app-graph-details-modal #tooltip, app-graph-details-modal #tooltip .tooltips { border-radius: 5px 5px 5px 5px; } app-graph-details-modal #tooltip > div > mat-card .mat-mdc-card-header { background: var(--milan-vert); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: stretch; align-content: stretch; } app-graph-details-modal #tooltip.arrow-on-top:after { top: -9px; left: 50%; border-bottom: 10px solid var(--milan-vert); border-right: 10px solid transparent; border-left: 10px solid transparent; } app-single-graph-view .empty-block, app-multi-graph-view .empty-block { background-color: #E8EDF6; border-radius: 5px; padding: 20px; margin: 20px; text-align: center; } .menu-link { margin-bottom: 40px; justify-content: center; } .nav .nav-subheader { display: flex; align-items: center; height: 48px; font-weight: 500; padding-left: 24px; margin-top: 8px; font-size: 12px; white-space: nowrap; } .nav .nav-group { display: block; } .nav .nav-group > .group-title { position: relative; display: flex; align-items: center; height: 48px; font-weight: 500; padding-left: 24px; margin-top: 8px; font-size: 12px; white-space: nowrap; } .nav .nav-item .nav-link { text-decoration: none !important; display: flex; align-items: center; height: 48px; padding: 0 24px; position: relative; overflow: hidden; cursor: pointer; -webkit-user-select: none; user-select: none; color: currentColor; } .nav .nav-item .nav-link > .nav-link-title { flex: 1 1 auto; white-space: nowrap; } .nav .nav-item .nav-link .nav-link-badge { display: flex; align-items: center; min-width: 20px; height: 20px; padding: 0 7px; font-size: 11px; font-weight: 500; border-radius: 20px; transition: opacity 0.2s ease-in-out 0.1s; margin-left: 8px; } .nav .nav-item .nav-link .nav-link-badge + .collapsable-arrow { margin-left: 8px; } .nav .nav-item .nav-link:hover { background-color: rgba(0, 0, 0, 0.04); } .nav .nav-item .nav-link .mat-ripple-element { background-color: rgba(0, 0, 0, 0.04); } .nav .nav-item .nav-link.active .nav-link-icon { opacity: 1; } .nav .nav-item .nav-link.active .nav-link-badge { background: #FFFFFF !important; color: rgba(0, 0, 0, 0.87) !important; } .nav .nav-item .nav-link .nav-link-icon { margin-right: 16px; opacity: 0.7; } .nav .nav-item .nav-link .nav-link-icon, .nav .nav-item .nav-link .collapsable-arrow { font-size: 16px; width: 16px; height: 16px; min-width: 16px; min-height: 16px; line-height: 16px; } .nav .nav-item.nav-collapsable { display: block; } .nav .nav-item.nav-collapsable > .children > .nav-item > .nav-link, .nav .nav-item.nav-collapsable > .children > .nav-item.nav-group > .group-title, .nav .nav-item.nav-collapsable > .children > .nav-item.nav-group > .group-items > .nav-item > .nav-link { padding-left: 56px; } .nav .nav-item.nav-collapsable > .children > .nav-item > .children > .nav-item > .nav-link, .nav .nav-item.nav-collapsable > .children > .nav-item > .children > .nav-item.nav-group > .group-title, .nav .nav-item.nav-collapsable > .children > .nav-item > .children > .nav-item.nav-group > .group-items > .nav-item > .nav-link { padding-left: 72px; } .nav > .nav-item.nav-collapsable { background: transparent; transition: background 200ms ease-in-out; } .nav > .nav-item.nav-collapsable.open { background: rgba(0, 0, 0, 0.12); } .nav > .nav-group > .group-items > .nav-collapsable { background: transparent; transition: background 200ms ease-in-out; } .nav > .nav-group > .group-items > .nav-collapsable.open { background: rgba(0, 0, 0, 0.12); } .nav.vertical .nav-group .group-title { text-transform: uppercase; } .nav.horizontal { display: flex; flex-direction: row; } .nav.horizontal .nav-item.nav-collapsable { position: relative; } .nav.horizontal .nav-item.nav-collapsable .children { display: none; position: absolute; top: 0; left: 100%; z-index: 999; min-width: 200px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .nav.horizontal .nav-item.nav-collapsable .children.open { display: block; } .nav.horizontal .nav-item.nav-collapsable .children .nav-link { padding-left: 24px !important; } .nav.horizontal > .nav-item > .nav-link { height: 56px; } .nav.horizontal > .nav-item.nav-collapsable { position: relative; } .nav.horizontal > .nav-item.nav-collapsable > .nav-link { height: 56px; } .nav.horizontal > .nav-item.nav-collapsable > .nav-link .collapsable-arrow { display: none; } .nav.horizontal > .nav-item.nav-collapsable > .children { top: 100%; left: 0; } .nav.material .nav-subheader { border-top: 1px solid rgba(0, 0, 0, 0.12); } .nav.material .nav-subheader:first-child { border-top: none; } .nav.material .nav-item .nav-link { height: 40px; padding: 0 16px; margin: 4px 8px; border-radius: 4px; } .onboard-dialog { position: absolute !important; top: 1%; right: 1%; width: 330px; min-width: 330px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface { width: 100%; min-width: 330px; max-width: 100%; max-height: inherit; border-radius: 25px; border: none; background-color: #F7F7F7; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title { color: #3A4354; background-color: #F7F7F7; padding-left: 27px; margin: 0; align-items: start; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title > mat-icon.mat-icon { position: absolute; top: 30px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title h2 { font-size: 18px; line-height: normal; margin-top: 55px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-content { padding: 0 27px; min-width: 330px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-content div.page-layout.simple { padding: 0; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-content div p { font-size: 12px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-content div app-choose-group .embed-container { display: flex; flex-direction: column; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions { padding: 0 27px 20px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted) { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); flex-direction: row-reverse; width: 100% !important; max-width: 100%; margin: 0 !important; justify-content: center; justify-content: space-between; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted) mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted) mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted) .mat-icon + span { margin-right: 2px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted) span:has(+ .mat-icon) { margin-left: 2px; } } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted):hover, .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted).cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted):hover .mat-icon, .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted).cdk-keyboard-focused .mat-icon { color: !important; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted):active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted):active .mat-icon { color: !important; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted)[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted)[disabled] .mat-icon { color: #989CA4 !important; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(.inverted)[disabled] { border: none; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; flex-direction: row-reverse; width: 100%; justify-content: flex-end; border: none; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted .mat-icon + span { margin-right: 2px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted span:has(+ .mat-icon) { margin-left: 2px; } } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted:hover, .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted:hover .mat-icon, .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted:active .mat-icon { color: #000 !important; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions button.inverted[disabled] .mat-icon { color: #989CA4 !important; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-button-block { width: 100%; font-size: 12px; display: flex; flex-direction: column; gap: 10px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-button-block p { margin-bottom: 0; font-style: italic; font-weight: 900; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-button-block button { display: flex; flex-direction: row; justify-content: space-between; align-items: center; text-align: left; margin-top: 10px; width: 100%; font-size: 12px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-button-block button span { text-overflow: ellipsis; overflow: hidden; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-button-block a { display: block; margin-top: 20px; color: #000; text-decoration: underline; cursor: pointer; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-button-block.right { text-align: right; width: 50%; order: 1; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-button-block.right + app-button-block { width: 50%; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block { width: 100%; font-size: 12px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block p { margin-bottom: 0; font-style: italic; font-weight: 900; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block mat-chip, .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block mat-chip-option, .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block mat-chip-row { font-weight: 700; font-size: 16px; line-height: 1.8; text-transform: uppercase; cursor: pointer; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block mat-chip.mat-accent, .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block mat-chip-option.mat-accent, .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block mat-chip-row.mat-accent { color: white; background-color: #ffed00; border: 1px solid #ffe000; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block mat-chip .mat-mdc-chip-action-label, .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block mat-chip-option .mat-mdc-chip-action-label, .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block mat-chip-row .mat-mdc-chip-action-label { margin-top: 2px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-field-block .mdc-evolution-chip-set { display: flex; align-content: flex-start; align-items: flex-start; max-height: 50vh; overflow-y: auto; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-collections-block { width: 100%; font-size: 12px; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-collections-block > div > p { margin-bottom: 0; font-style: italic; font-weight: 900; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-collections-block button { display: flex; flex-direction: row; align-items: center; gap: 10px; text-align: left; text-wrap: initial; line-height: normal; margin-top: 10px; margin-left: 0; padding: 4px; width: 100%; color: black !important; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-collections-block button img { float: left; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-collections-block button h3 { font-size: 12px; font-weight: 700; margin: 0 0 3px 0; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-collections-block button p { font-size: 10px; font-weight: 600; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .onboard-dialog mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions app-collections-block button .mdc-button__label { padding: 0.3rem; display: flex; gap: 5px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #ffed00; width: 11px; } mat-paginator button.mat-mdc-paginator-navigation-next, mat-paginator button.mat-mdc-paginator-navigation-previous { color: var(--milan-vert); } app-progression { display: grid !important; grid-template: "a a a" auto "b b b" auto "c c c" auto; row-gap: 38px; -moz-column-gap: 23px; column-gap: 23px; min-height: 200px; background-color: var(--faux-blanc); padding: 0 24px; background: url("/assets/cycle-1-tne-canope/images/backgrounds/cartelondresplat.png") no-repeat; background-size: cover; } @media (min-width: 600px) { app-progression { grid-template: "a a a" auto "b b c" auto/1fr 1fr 1fr; } } app-progression > *:nth-child(1) { grid-area: a; } app-progression > *:nth-child(2) { grid-area: b; } app-progression > *:nth-child(3) { grid-area: c; } app-progression:before { content: ""; position: absolute; display: block; width: 100%; height: 100%; z-index: 0; background-color: rgba(255, 255, 255, 0.7); } app-progression > * { z-index: 1; } app-progression ul { list-style-type: none; margin: 0; padding: 0; } app-progression .mat-mdc-dialog-title, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title { margin: 0 -24px; display: flex; flex-wrap: wrap !important; padding-bottom: 0 !important; margin-bottom: 7px; gap: 14px; } app-progression .mat-mdc-dialog-title label, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title label { --mdc-chip-label-text-weight: 500; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%) !important; color: #000 !important; transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; padding: 7px 12px; border-radius: 16px; align-items: center; cursor: default; height: unset; min-height: 32px; gap: 10px; } app-progression .mat-mdc-dialog-title label .mat-icon, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title label .mat-icon { background-color: transparent; opacity: 1; color: #000; } app-progression .mat-mdc-dialog-title label .mat-icon svg, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title label .mat-icon svg { width: inherit; height: inherit; min-height: inherit; min-width: inherit; transform: none; } app-progression .mat-mdc-dialog-title label .mat-mdc-chip-action .mat-mdc-chip-action-label, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title label .mat-mdc-chip-action .mat-mdc-chip-action-label { display: flex; align-items: center; gap: 1rem; color: inherit; text-wrap: unset; } app-progression .mat-mdc-dialog-title label .mat-mdc-chip-action .mat-mdc-chip-action-label a, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title label .mat-mdc-chip-action .mat-mdc-chip-action-label a { color: inherit; } app-progression .mat-mdc-dialog-title label .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title label .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove { background-color: unset; border: unset; } app-progression .mat-mdc-dialog-title label .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove .mat-icon, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title label .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove .mat-icon { width: 1.8rem; height: auto; aspect-ratio: 1; } app-progression .mat-mdc-dialog-title label:not(.mat-mdc-chip-option) .mat-mdc-chip-action, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title label:not(.mat-mdc-chip-option) .mat-mdc-chip-action { padding: unset; } app-progression .mat-mdc-dialog-title button.close, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title button.close { margin-left: auto !important; } app-progression .mat-mdc-dialog-title .mat-mdc-form-field, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .mat-mdc-form-field { margin-left: 7px; } app-progression .mat-mdc-dialog-title .mat-mdc-form-field .mat-mdc-form-field-infix, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .mat-mdc-form-field .mat-mdc-form-field-infix { padding: 0; } app-progression .mat-mdc-dialog-title .breadcrumb, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb { list-style-type: none; margin: 0; padding: 0; flex: 1 1 100%; display: flex; background-color: white; min-height: 31px; margin: 0 -14px 0 -24px; padding: 7px 30px 8px 8px; gap: 28px; } app-progression .mat-mdc-dialog-title .breadcrumb > *, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb > * { display: inline-flex; align-items: center; display: inline-flex; position: relative; } app-progression .mat-mdc-dialog-title .breadcrumb > * span, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb > * span { z-index: 2; flex: 1; padding: 5px 7px 5px 22px; color: rgb(255, 255, 255); background: rgb(3, 124, 194); border-top: 2px solid rgb(3, 124, 194); border-bottom: 2px solid rgb(3, 124, 194); align-self: normal; display: flex; align-items: center; } app-progression .mat-mdc-dialog-title .breadcrumb > *:has(li:first-child), app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb > *:has(li:first-child) { border: 3px solid red; } app-progression .mat-mdc-dialog-title .breadcrumb > *:before, app-progression .mat-mdc-dialog-title .breadcrumb > *:after, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb > *:before, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb > *:after { content: ""; position: absolute; display: block; z-index: 1; color: rgb(3, 124, 194); height: 100%; width: auto; aspect-ratio: 17/33; top: 0; } app-progression .mat-mdc-dialog-title .breadcrumb > *:not(li:first-child):before, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb > *:not(li:first-child):before { background-image: url('data:image/svg+xml;charset=utf8,'); background-repeat: no-repeat; background-size: cover; right: calc(100% - 1px); } app-progression .mat-mdc-dialog-title .breadcrumb > *:after, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb > *:after { background-image: url('data:image/svg+xml;charset=utf8,'); background-repeat: no-repeat; background-size: cover; left: calc(100% - 1px); height: 100%; width: auto; } app-progression .mat-mdc-dialog-title .breadcrumb > *:first-child, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb > *:first-child { border-left: 2px solid rgb(3, 124, 194); } app-progression .mat-mdc-dialog-title .breadcrumb > *.selected span, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb > *.selected span { background: rgb(255, 255, 255); color: rgb(3, 124, 194); } app-progression .mat-mdc-dialog-title .breadcrumb > *.selected:before:not(first-child), app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb > *.selected:before:not(first-child) { background-image: url('data:image/svg+xml;charset=utf8,'); background-repeat: no-repeat; background-size: cover; } app-progression .mat-mdc-dialog-title .breadcrumb > *.selected:after, app-progression mat-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title.mat-mdc-dialog-title .breadcrumb > *.selected:after { background-image: url('data:image/svg+xml;charset=utf8,'); } app-progression .mat-mdc-dialog-content, app-progression .mat-mdc-dialog-actions { margin-top: 38px; margin-bottom: 62px !important; padding: 20px; border-radius: 12px; border: 1px solid var(--gris, #636A76); background: var(--anthracite, #323A49); box-shadow: 0 12px 40px -25px rgba(0, 0, 0, 0.5); } app-progression .mat-mdc-dialog-content { display: flex; flex-direction: column; align-self: start; gap: 10px; margin: 0 0 0 0 !important; overflow: visible; color: var(--text-contrast, #fff); } app-progression .mat-mdc-dialog-content > h3, app-progression .mat-mdc-dialog-content > .title { align-self: flex-start; margin: 0 0 0 -25px; max-width: calc(100% - 25px); display: inline-flex; position: relative; } app-progression .mat-mdc-dialog-content > h3 span, app-progression .mat-mdc-dialog-content > .title span { z-index: 2; flex: 1; padding: 5px 7px 5px 22px; color: rgb(255, 255, 255); background: rgb(3, 124, 194); border-top: 2px solid rgb(3, 124, 194); border-bottom: 2px solid rgb(3, 124, 194); align-self: normal; display: flex; align-items: center; } app-progression .mat-mdc-dialog-content > h3:has(li:first-child), app-progression .mat-mdc-dialog-content > .title:has(li:first-child) { border: 3px solid red; } app-progression .mat-mdc-dialog-content > h3:before, app-progression .mat-mdc-dialog-content > h3:after, app-progression .mat-mdc-dialog-content > .title:before, app-progression .mat-mdc-dialog-content > .title:after { content: ""; position: absolute; display: block; z-index: 1; color: rgb(3, 124, 194); height: 100%; width: auto; aspect-ratio: 17/33; top: 0; } app-progression .mat-mdc-dialog-content > h3:not(li:first-child):before, app-progression .mat-mdc-dialog-content > .title:not(li:first-child):before { background-image: url('data:image/svg+xml;charset=utf8,'); background-repeat: no-repeat; background-size: cover; right: calc(100% - 1px); } app-progression .mat-mdc-dialog-content > h3:after, app-progression .mat-mdc-dialog-content > .title:after { background-image: url('data:image/svg+xml;charset=utf8,'); background-repeat: no-repeat; background-size: cover; left: calc(100% - 1px); height: 100%; width: auto; } app-progression .mat-mdc-dialog-content section { background-color: var(--gris-de-contour, #636A76); border: 1px solid var(--noir_5, rgba(0, 0, 0, 0.05)); border-radius: 5px; overflow: hidden; display: flex; flex-direction: column; } app-progression .mat-mdc-dialog-content section h4 { margin: 7px 20px; } app-progression .mat-mdc-dialog-content section li { display: flex; align-items: center; align-content: center; justify-content: space-between; min-height: 38px; background-color: var(--faux-blanc, #F9FBFF); border: 1px solid var(--gris-de-contour, #CBD1DB); color: #ffed00; padding: 5px 7px 5px 22px; /* H6 Bold 12 */ font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; cursor: pointer; } app-progression .mat-mdc-dialog-content section li .status { flex: none; display: flex; gap: 5px; align-items: center; padding-right: 4px; position: relative; } app-progression .mat-mdc-dialog-content section li .status:after, app-progression .mat-mdc-dialog-content section li .status:before { position: absolute; content: ""; width: 1.2rem; height: 1.2rem; display: block; border: 1px solid var(--anthracite, #323A49); border-radius: 1em; right: 4px; } app-progression .mat-mdc-dialog-content section li.done { color: var(--anthracite, #323A49); background-color: var(--fond-ecran, #E8EDF6); } app-progression .mat-mdc-dialog-content section li.done .status { font-weight: inherit; background-color: var(--fond-ecran, #E8EDF6); padding-right: 20px; } app-progression .mat-mdc-dialog-content section li.done .status:before { background-color: var(--anthracite, #323A49); border: 1px solid var(--anthracite, #323A49); border-radius: 1em; right: 4px; } app-progression .mat-mdc-dialog-content section li.done .status:after { -webkit-mask: url("/assets/cycle-1-tne-canope/icons/check.svg") no-repeat 50% 50%; mask: url("/assets/cycle-1-tne-canope/icons/check.svg") no-repeat 50% 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 1.2rem; background-color: #FFF; z-index: 50; top: 50%; right: 5px; border: none; transform: translateY(-50%); width: 1rem; height: 1rem; } app-progression .mat-mdc-dialog-content section li.next .status { color: #FFF; border-radius: 16px; background: #ffed00; padding: 5px 5px 6px 12px; position: relative; } app-progression .mat-mdc-dialog-content section li.next .status:before { display: none; } app-progression .mat-mdc-dialog-content section li.next .status:after { position: relative; background-color: white; border-radius: 1em; border: none; right: 0; } app-progression .mat-mdc-dialog-actions, app-progression .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions.mat-mdc-dialog-actions { display: flex; flex-direction: column !important; align-items: flex-start !important; color: var(--text-contrast, #fff); } app-progression .mat-mdc-dialog-actions h3, app-progression .mat-mdc-dialog-actions button, app-progression .mat-mdc-dialog-actions a, app-progression .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions.mat-mdc-dialog-actions h3, app-progression .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions.mat-mdc-dialog-actions button, app-progression .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions.mat-mdc-dialog-actions a { width: 100% !important; max-width: 300px; margin: 0 auto 15px auto; } app-progression .mat-mdc-dialog-actions h3, app-progression .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions.mat-mdc-dialog-actions h3 { margin-bottom: 15px; align-self: stretch; /* H3 Bold 18 */ font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; padding: 0 100px 15px 0; } app-progression .mat-mdc-dialog-actions button, app-progression .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions.mat-mdc-dialog-actions button { position: relative; flex-direction: row-reverse; justify-content: space-between !important; gap: 2rem !important; } app-progression .mat-mdc-dialog-actions button::after, app-progression .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions.mat-mdc-dialog-actions button::after { position: absolute; content: ""; display: block; width: 85px; height: 92px; bottom: 100%; right: 14px; background: url("/assets/cycle-1-tne-canope/images/progression.png") no-repeat; } app-progression .mat-mdc-dialog-actions a, app-progression .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions.mat-mdc-dialog-actions a { text-decoration: underline; margin-bottom: 12px; color: var(--faux-blanc, #F9FBFF); } app-progression .mat-mdc-select { background: white; } app-progression .spinner-wrapper { position: absolute; top: 50%; } app-basic-page { width: 100%; height: 100%; color: #000; } app-basic-page .page-layout.simple { padding: 16px 1vh; } app-basic-page .page-layout.simple .header { display: flex; align-items: center; flex-wrap: wrap; -moz-column-gap: 3rem; column-gap: 3rem; row-gap: 1.5rem; height: unset; } app-basic-page .page-layout.simple .header button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); } app-basic-page .page-layout.simple .header button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-basic-page .page-layout.simple .header button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-basic-page .page-layout.simple .header button .mat-icon + span { margin-right: 2px; } app-basic-page .page-layout.simple .header button span:has(+ .mat-icon) { margin-left: 2px; } } app-basic-page .page-layout.simple .header button:hover, app-basic-page .page-layout.simple .header button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-basic-page .page-layout.simple .header button:hover .mat-icon, app-basic-page .page-layout.simple .header button.cdk-keyboard-focused .mat-icon { color: !important; } app-basic-page .page-layout.simple .header button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-basic-page .page-layout.simple .header button:active .mat-icon { color: !important; } app-basic-page .page-layout.simple .header button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-basic-page .page-layout.simple .header button[disabled] .mat-icon { color: #989CA4 !important; } app-basic-page .page-layout.simple .header button[disabled] { border: none; } app-basic-page .page-layout.simple .header h2 { margin: 0; font-size: clamp(1.5rem, 2.5vw, 3rem); font-weight: 700; } app-basic-page .page-layout.simple .content { width: 100%; height: 100%; } app-basic-page ol { counter-reset: count; } app-basic-page ol li { list-style-type: none; position: relative; padding: 5px; } app-basic-page ol li:before { font-weight: bold; counter-increment: count; content: counter(count) " "; margin-right: 0.5em; display: inline-block; padding: 0 5px; border-radius: 50%; color: #fff; background: #ffed00; height: 20px; width: 20px; text-align: center; } .undo-button, .redo-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; flex: none; } .undo-button mat-icon.mat-icon, .redo-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .undo-button mat-icon.mat-icon svg, .redo-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .undo-button .mat-icon + span, .redo-button .mat-icon + span { margin-right: 2px; } .undo-button span:has(+ .mat-icon), .redo-button span:has(+ .mat-icon) { margin-left: 2px; } } .undo-button:hover, .undo-button.cdk-keyboard-focused, .redo-button:hover, .redo-button.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } .undo-button:hover .mat-icon, .undo-button.cdk-keyboard-focused .mat-icon, .redo-button:hover .mat-icon, .redo-button.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } .undo-button:active, .redo-button:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } .undo-button:active .mat-icon, .redo-button:active .mat-icon { color: #000 !important; } .undo-button[disabled], .redo-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .undo-button[disabled] .mat-icon, .redo-button[disabled] .mat-icon { color: #989CA4 !important; } .undo-button::before, .redo-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } .undo-button span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator), .redo-button span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .next-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; flex-direction: row-reverse; } .next-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .next-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .next-button .mat-icon + span { margin-right: 2px; } .next-button span:has(+ .mat-icon) { margin-left: 2px; } } .next-button:hover, .next-button.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } .next-button:hover .mat-icon, .next-button.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } .next-button:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } .next-button:active .mat-icon { color: #000 !important; } .next-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .next-button[disabled] .mat-icon { color: #989CA4 !important; } .next-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } .preview-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; flex-direction: row-reverse; } .preview-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .preview-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .preview-button .mat-icon + span { margin-right: 2px; } .preview-button span:has(+ .mat-icon) { margin-left: 2px; } } .preview-button:hover, .preview-button.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } .preview-button:hover .mat-icon, .preview-button.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } .preview-button:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } .preview-button:active .mat-icon { color: #000 !important; } .preview-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .preview-button[disabled] .mat-icon { color: #989CA4 !important; } .preview-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } .edit-button { position: relative; display: flex; align-items: center; gap: 0.6rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.6rem 1.2rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; } .edit-button mat-icon.mat-icon { flex: none; width: 1.6rem; min-width: 20px; height: 1.6rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .edit-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .edit-button .mat-icon + span { margin-right: 2px; } .edit-button span:has(+ .mat-icon) { margin-left: 2px; } } .edit-button:hover, .edit-button.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } .edit-button:hover .mat-icon, .edit-button.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } .edit-button:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } .edit-button:active .mat-icon { color: #000 !important; } .edit-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .edit-button[disabled] .mat-icon { color: #989CA4 !important; } .edit-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } .edit-button span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .undo-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; border-top-right-radius: 0; border-bottom-right-radius: 0; } .undo-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .undo-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .undo-button .mat-icon + span { margin-right: 2px; } .undo-button span:has(+ .mat-icon) { margin-left: 2px; } } .undo-button:hover, .undo-button.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } .undo-button:hover .mat-icon, .undo-button.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } .undo-button:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } .undo-button:active .mat-icon { color: #000 !important; } .undo-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .undo-button[disabled] .mat-icon { color: #989CA4 !important; } .undo-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } .redo-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .redo-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .redo-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .redo-button .mat-icon + span { margin-right: 2px; } .redo-button span:has(+ .mat-icon) { margin-left: 2px; } } .redo-button:hover, .redo-button.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } .redo-button:hover .mat-icon, .redo-button.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } .redo-button:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } .redo-button:active .mat-icon { color: #000 !important; } .redo-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .redo-button[disabled] .mat-icon { color: #989CA4 !important; } .redo-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } .mat-mdc-dialog-title button.close { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; } .mat-mdc-dialog-title button.close mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .mat-mdc-dialog-title button.close mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .mat-mdc-dialog-title button.close .mat-icon + span { margin-right: 2px; } .mat-mdc-dialog-title button.close span:has(+ .mat-icon) { margin-left: 2px; } } .mat-mdc-dialog-title button.close:hover, .mat-mdc-dialog-title button.close.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } .mat-mdc-dialog-title button.close:hover .mat-icon, .mat-mdc-dialog-title button.close.cdk-keyboard-focused .mat-icon { color: !important; } .mat-mdc-dialog-title button.close:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } .mat-mdc-dialog-title button.close:active .mat-icon { color: !important; } .mat-mdc-dialog-title button.close[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .mat-mdc-dialog-title button.close[disabled] .mat-icon { color: #989CA4 !important; } .mat-mdc-dialog-title button.close[disabled] { border: none; } .mat-mdc-dialog-title button.close span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .fuse-app-lessons-header button, app-notepad-content-editor .page-layout .content .content-editor .notepad-header .close, app-mindmap-content-editor .content-editor .mindmap-header .close, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button, app-corpus-root fuse-corpus-details-sidenav .content button.mat-mdc-mini-fab, table:not(.mat-calendar-table) .mat-mdc-button-base, table:not(.mat-calendar-table) .mat-mdc-icon-button, app-graph-group-management .statistics-button { display: flex; justify-content: center; align-items: center; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); font-weight: 700; } button.mat-accent, button.mat-mdc-raised-button.mat-accent, a.mat-mdc-raised-button.mat-accent, button.mat-mdc-raised-button, a.mat-mdc-raised-button, .fuse-app-lessons-header button, app-notepad-content-editor .page-layout .content .content-editor .notepad-header .close, app-mindmap-content-editor .content-editor .mindmap-header .close, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button, app-corpus-root fuse-corpus-details-sidenav .content button.mat-mdc-mini-fab, table:not(.mat-calendar-table) .mat-mdc-button-base, table:not(.mat-calendar-table) .mat-mdc-icon-button, .corpus-upload .text-center .ngx-file-drop__content .btn, app-resource-upload-modal-step2 .ngx-file-drop__content .btn, .filters button, .filters button:not(.mat-mdc-outlined-button) { border: 1px solid var(--accent-border); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); border-radius: 4px; font-weight: 700; font-size: 1.4rem; } button.mat-accent .mat-icon, button.mat-mdc-raised-button .mat-icon, a.mat-mdc-raised-button .mat-icon, .fuse-app-lessons-header button .mat-icon, app-notepad-content-editor .page-layout .content .content-editor .notepad-header .close .mat-icon, app-mindmap-content-editor .content-editor .mindmap-header .close .mat-icon, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button .mat-icon, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button .mat-icon, app-corpus-root fuse-corpus-details-sidenav .content button.mat-mdc-mini-fab .mat-icon, table:not(.mat-calendar-table) .mat-mdc-button-base .mat-icon, table:not(.mat-calendar-table) .mat-mdc-icon-button .mat-icon, .corpus-upload .text-center .ngx-file-drop__content .btn .mat-icon, app-resource-upload-modal-step2 .ngx-file-drop__content .btn .mat-icon, .filters button .mat-icon { margin: unset; } button.mat-accent:not(:hover, :disabled, .mat-mdc-button-disabled), button.mat-mdc-raised-button:not(:hover, :disabled, .mat-mdc-button-disabled), a.mat-mdc-raised-button:not(:hover, :disabled, .mat-mdc-button-disabled), .fuse-app-lessons-header button:not(:hover, :disabled, .mat-mdc-button-disabled), app-notepad-content-editor .page-layout .content .content-editor .notepad-header .close:not(:hover, :disabled, .mat-mdc-button-disabled), app-mindmap-content-editor .content-editor .mindmap-header .close:not(:hover, :disabled, .mat-mdc-button-disabled), .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button:not(:hover, :disabled, .mat-mdc-button-disabled), #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button:not(:hover, :disabled, .mat-mdc-button-disabled), app-corpus-root fuse-corpus-details-sidenav .content button.mat-mdc-mini-fab:not(:hover, :disabled, .mat-mdc-button-disabled), table:not(.mat-calendar-table) .mat-mdc-button-base:not(:hover, :disabled, .mat-mdc-button-disabled), table:not(.mat-calendar-table) .mat-mdc-icon-button:not(:hover, :disabled, .mat-mdc-button-disabled), .corpus-upload .text-center .ngx-file-drop__content .btn:not(:hover, :disabled, .mat-mdc-button-disabled), app-resource-upload-modal-step2 .ngx-file-drop__content .btn:not(:hover, :disabled, .mat-mdc-button-disabled), .filters button:not(:hover, :disabled, .mat-mdc-button-disabled) { color: #000; background-color: #ffed00; } button.mat-accent:hover, button.mat-mdc-raised-button:hover, a.mat-mdc-raised-button:hover, .fuse-app-lessons-header button:hover, app-notepad-content-editor .page-layout .content .content-editor .notepad-header .close:hover, app-mindmap-content-editor .content-editor .mindmap-header .close:hover, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button:hover, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button:hover, app-corpus-root fuse-corpus-details-sidenav .content button.mat-mdc-mini-fab:hover, table:not(.mat-calendar-table) .mat-mdc-button-base:hover, table:not(.mat-calendar-table) .mat-mdc-icon-button:hover, .corpus-upload .text-center .ngx-file-drop__content .btn:hover, app-resource-upload-modal-step2 .ngx-file-drop__content .btn:hover, .filters button:hover { color: #000; background: #ede800; } button.mat-accent:hover .mat-icon, button.mat-mdc-raised-button:hover .mat-icon, a.mat-mdc-raised-button:hover .mat-icon, .fuse-app-lessons-header button:hover .mat-icon, app-notepad-content-editor .page-layout .content .content-editor .notepad-header .close:hover .mat-icon, app-mindmap-content-editor .content-editor .mindmap-header .close:hover .mat-icon, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button:hover .mat-icon, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button:hover .mat-icon, app-corpus-root fuse-corpus-details-sidenav .content button.mat-mdc-mini-fab:hover .mat-icon, table:not(.mat-calendar-table) .mat-mdc-button-base:hover .mat-icon, table:not(.mat-calendar-table) .mat-mdc-icon-button:hover .mat-icon, .corpus-upload .text-center .ngx-file-drop__content .btn:hover .mat-icon, app-resource-upload-modal-step2 .ngx-file-drop__content .btn:hover .mat-icon, .filters button:hover .mat-icon { color: #000; } button.mat-mdc-button-disabled.mat-accent, button.mat-mdc-button-disabled.mat-mdc-raised-button, a.mat-mdc-button-disabled.mat-mdc-raised-button, .fuse-app-lessons-header button.mat-mdc-button-disabled, app-notepad-content-editor .page-layout .content .content-editor .notepad-header .mat-mdc-button-disabled.close, app-mindmap-content-editor .content-editor .mindmap-header .mat-mdc-button-disabled.close, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button.mat-mdc-button-disabled, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button.mat-mdc-button-disabled, app-corpus-root fuse-corpus-details-sidenav .content button.mat-mdc-button-disabled.mat-mdc-mini-fab, table:not(.mat-calendar-table) .mat-mdc-button-disabled.mat-mdc-button-base, table:not(.mat-calendar-table) .mat-mdc-button-disabled.mat-mdc-icon-button, .corpus-upload .text-center .ngx-file-drop__content .mat-mdc-button-disabled.btn, app-resource-upload-modal-step2 .ngx-file-drop__content .mat-mdc-button-disabled.btn, .filters button.mat-mdc-button-disabled, button[disabled].mat-accent, button[disabled].mat-mdc-raised-button, a[disabled].mat-mdc-raised-button, .fuse-app-lessons-header button[disabled], app-notepad-content-editor .page-layout .content .content-editor .notepad-header [disabled].close, app-mindmap-content-editor .content-editor .mindmap-header [disabled].close, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button[disabled], #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button[disabled], app-corpus-root fuse-corpus-details-sidenav .content button[disabled].mat-mdc-mini-fab, table:not(.mat-calendar-table) [disabled].mat-mdc-button-base, table:not(.mat-calendar-table) [disabled].mat-mdc-icon-button, .corpus-upload .text-center .ngx-file-drop__content [disabled].btn, app-resource-upload-modal-step2 .ngx-file-drop__content [disabled].btn, .filters button[disabled] { cursor: not-allowed; color: rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.12); } button.mat-mdc-button-disabled.mat-accent .mat-icon, button.mat-mdc-button-disabled.mat-mdc-raised-button .mat-icon, a.mat-mdc-button-disabled.mat-mdc-raised-button .mat-icon, .fuse-app-lessons-header button.mat-mdc-button-disabled .mat-icon, app-notepad-content-editor .page-layout .content .content-editor .notepad-header .mat-mdc-button-disabled.close .mat-icon, app-mindmap-content-editor .content-editor .mindmap-header .mat-mdc-button-disabled.close .mat-icon, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button.mat-mdc-button-disabled .mat-icon, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button.mat-mdc-button-disabled .mat-icon, app-corpus-root fuse-corpus-details-sidenav .content button.mat-mdc-button-disabled.mat-mdc-mini-fab .mat-icon, table:not(.mat-calendar-table) .mat-mdc-button-disabled.mat-mdc-button-base .mat-icon, table:not(.mat-calendar-table) .mat-mdc-button-disabled.mat-mdc-icon-button .mat-icon, .corpus-upload .text-center .ngx-file-drop__content .mat-mdc-button-disabled.btn .mat-icon, app-resource-upload-modal-step2 .ngx-file-drop__content .mat-mdc-button-disabled.btn .mat-icon, .filters button.mat-mdc-button-disabled .mat-icon, button[disabled].mat-accent .mat-icon, button[disabled].mat-mdc-raised-button .mat-icon, a[disabled].mat-mdc-raised-button .mat-icon, .fuse-app-lessons-header button[disabled] .mat-icon, app-notepad-content-editor .page-layout .content .content-editor .notepad-header [disabled].close .mat-icon, app-mindmap-content-editor .content-editor .mindmap-header [disabled].close .mat-icon, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button[disabled] .mat-icon, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button[disabled] .mat-icon, app-corpus-root fuse-corpus-details-sidenav .content button[disabled].mat-mdc-mini-fab .mat-icon, table:not(.mat-calendar-table) [disabled].mat-mdc-button-base .mat-icon, table:not(.mat-calendar-table) [disabled].mat-mdc-icon-button .mat-icon, .corpus-upload .text-center .ngx-file-drop__content [disabled].btn .mat-icon, app-resource-upload-modal-step2 .ngx-file-drop__content [disabled].btn .mat-icon, .filters button[disabled] .mat-icon { color: rgba(0, 0, 0, 0.26); } button.mat-mdc-button-disabled.mat-accent svg path, button.mat-mdc-button-disabled.mat-mdc-raised-button svg path, a.mat-mdc-button-disabled.mat-mdc-raised-button svg path, .fuse-app-lessons-header button.mat-mdc-button-disabled svg path, app-notepad-content-editor .page-layout .content .content-editor .notepad-header .mat-mdc-button-disabled.close svg path, app-mindmap-content-editor .content-editor .mindmap-header .mat-mdc-button-disabled.close svg path, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button.mat-mdc-button-disabled svg path, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button.mat-mdc-button-disabled svg path, app-corpus-root fuse-corpus-details-sidenav .content button.mat-mdc-button-disabled.mat-mdc-mini-fab svg path, table:not(.mat-calendar-table) .mat-mdc-button-disabled.mat-mdc-button-base svg path, table:not(.mat-calendar-table) .mat-mdc-button-disabled.mat-mdc-icon-button svg path, .corpus-upload .text-center .ngx-file-drop__content .mat-mdc-button-disabled.btn svg path, app-resource-upload-modal-step2 .ngx-file-drop__content .mat-mdc-button-disabled.btn svg path, .filters button.mat-mdc-button-disabled svg path, button[disabled].mat-accent svg path, button[disabled].mat-mdc-raised-button svg path, a[disabled].mat-mdc-raised-button svg path, .fuse-app-lessons-header button[disabled] svg path, app-notepad-content-editor .page-layout .content .content-editor .notepad-header [disabled].close svg path, app-mindmap-content-editor .content-editor .mindmap-header [disabled].close svg path, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button[disabled] svg path, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button[disabled] svg path, app-corpus-root fuse-corpus-details-sidenav .content button[disabled].mat-mdc-mini-fab svg path, table:not(.mat-calendar-table) [disabled].mat-mdc-button-base svg path, table:not(.mat-calendar-table) [disabled].mat-mdc-icon-button svg path, .corpus-upload .text-center .ngx-file-drop__content [disabled].btn svg path, app-resource-upload-modal-step2 .ngx-file-drop__content [disabled].btn svg path, .filters button[disabled] svg path { color: rgba(0, 0, 0, 0.26); } button.mat-mdc-button-disabled.mat-accent *, button.mat-mdc-button-disabled.mat-mdc-raised-button *, a.mat-mdc-button-disabled.mat-mdc-raised-button *, .fuse-app-lessons-header button.mat-mdc-button-disabled *, app-notepad-content-editor .page-layout .content .content-editor .notepad-header .mat-mdc-button-disabled.close *, app-mindmap-content-editor .content-editor .mindmap-header .mat-mdc-button-disabled.close *, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button.mat-mdc-button-disabled *, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button.mat-mdc-button-disabled *, app-corpus-root fuse-corpus-details-sidenav .content button.mat-mdc-button-disabled.mat-mdc-mini-fab *, table:not(.mat-calendar-table) .mat-mdc-button-disabled.mat-mdc-button-base *, table:not(.mat-calendar-table) .mat-mdc-button-disabled.mat-mdc-icon-button *, .corpus-upload .text-center .ngx-file-drop__content .mat-mdc-button-disabled.btn *, app-resource-upload-modal-step2 .ngx-file-drop__content .mat-mdc-button-disabled.btn *, .filters button.mat-mdc-button-disabled *, button[disabled].mat-accent *, button[disabled].mat-mdc-raised-button *, a[disabled].mat-mdc-raised-button *, .fuse-app-lessons-header button[disabled] *, app-notepad-content-editor .page-layout .content .content-editor .notepad-header [disabled].close *, app-mindmap-content-editor .content-editor .mindmap-header [disabled].close *, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button[disabled] *, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button[disabled] *, app-corpus-root fuse-corpus-details-sidenav .content button[disabled].mat-mdc-mini-fab *, table:not(.mat-calendar-table) [disabled].mat-mdc-button-base *, table:not(.mat-calendar-table) [disabled].mat-mdc-icon-button *, .corpus-upload .text-center .ngx-file-drop__content [disabled].btn *, app-resource-upload-modal-step2 .ngx-file-drop__content [disabled].btn *, .filters button[disabled] * { cursor: not-allowed; } fuse-corpus-file-list button.mat-mdc-icon-button, button.mat-mdc-menu-trigger { background-color: transparent; border-radius: 0; border: none; box-shadow: none; } app-graph-group-management .statistics-button { display: flex; align-items: center; margin-right: 12px; padding: 0 50px; font-weight: 700; box-sizing: border-box; text-decoration-line: none !important; text-transform: uppercase; } app-graph-group-management .statistics-button > * { text-transform: uppercase; } app-graph-group-management .statistics-button { border: 1px solid #ebebeb; color: #000; background-color: white; } /* * ____ * | @ | * ---- * */ app-notepad-content-editor .page-layout .content .content-editor .notepad-header .close, app-mindmap-content-editor .content-editor .mindmap-header .close, .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button, app-corpus-root fuse-corpus-details-sidenav .content button.mat-mdc-mini-fab, table:not(.mat-calendar-table) .mat-mdc-button-base, table:not(.mat-calendar-table) .mat-mdc-icon-button { display: flex; justify-content: center !important; align-content: center !important; align-items: center !important; padding: 0; width: 32px; height: 32px; min-width: 32px; min-height: 32px; } .fuse-app-lessons-header button { line-height: 36px; padding: 0 16px; } button.button-image.mat-mdc-raised-button, a.button-image.mat-mdc-raised-button { border: none; box-shadow: none; } button.mat-mdc-fab.mat-accent, button.mat-mdc-mini-fab.mat-accent, a.mat-mdc-fab.mat-accent, a.mat-mdc-mini-fab.mat-accent { background-color: #ffed00; } button.flag.active .mat-icon path, a.flag.active .mat-icon path { fill: currentColor; } button + button, .mat-mdc-mini-fab + .mat-mdc-mini-fab, .mat-mdc-raised-button + .mat-mdc-raised-button { margin-left: 8px; } button.mat-mdc-menu-trigger .mat-icon { color: #000; } .mat-mdc-table button.mat-mdc-menu-trigger .mat-icon { color: var(--bje-rouge); } .btn-webapp.mat-mdc-raised-button { background: linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%); border-radius: 1.5em; margin: 0 40px; padding: 0 30px 0 10px; height: 48px; overflow: hidden; color: white; display: flex; } .btn-webapp.mat-mdc-raised-button img { width: 45px; margin-right: 15px; align-self: flex-end; } .btn-webapp.mat-mdc-raised-button span { font-weight: 800; white-space: normal; display: block; width: 100px; line-height: 1.5rem; } .btn-webapp.mat-mdc-raised-button:hover { background: rgb(131, 207, 255); background: linear-gradient(180deg, rgb(131, 207, 255) 0%, rgb(0, 175, 236) 50%); } .mat-mdc-fab.mat-mdc-fab-bottom-right { position: absolute; right: 20px; left: auto; bottom: 20px; top: auto; z-index: 1002; } .filters .btn-collapse { background-color: transparent; border: none; box-shadow: none; } button.mat-calendar-body-cell, button.mat-calendar-period-button, button.mat-calendar-previous-button, button.mat-calendar-next-button, button.navbar-toggle-button, button.toggle-sidebar-folded, button.toggle-sidebar-opened, button.user-button, button.btn__goToLoginPage { box-shadow: none; border-radius: inherit; font-weight: inherit; font-size: inherit; } button.user-button, button.btn__goToLoginPage { font-weight: 500; } /** // Working document is waiting to be move to specific graphical charter module // **************** DON'T REMOVE THIS ********************
// **************** CSS .demo-button { position: absolute; display: flex; flex-direction: column; width: 50vw; height: auto; padding: 20px; background-color: lightblue; flex-wrap: wrap; gap: 12px; top: 100px; left: 50%; transform: translateX(-50%); .demo-primary, .demo-secondary, .demo-tertiary, .demo-dark { display: flex; padding: 5px; border: 1px solid #fff; } .demo-dark { background-color: #323A49; } } .primary { @include button("primary", "m"); } .primary-icon-on-right { @include button("primary", "m", true); } .primary-icon-full { @include button("primary", "m", false, true); } .primary-text-hide { @include button("primary", "m", false, false, $text-hide: true); } .secondary { @include button("secondary", "m"); } .secondary-icon-on-right { @include button("secondary", "m", true); } .secondary-icon-full { @include button("secondary", "m", false, true); } .secondary-text-hide { @include button("secondary", "m", false, false, $text-hide: true ); } .tertiary { @include button("tertiary", "m"); } .tertiary-icon-on-right { @include button("tertiary", "m", true); } .tertiary-icon-full { @include button("tertiary", "m", false, true); } .tertiary-text-hide { @include button("secondary", "m", false, false, $text-hide: true ); } .tertiary.group-start { // TODO revoir l'utilisation des classes @include button("tertiary", $group-button-position: "start"); } .tertiary.group-middle { // TODO revoir l'utilisation des classes @include button("tertiary", $group-button-position: "middle"); } .tertiary.group-end { // TODO revoir l'utilisation des classes @include button("tertiary", $group-button-position: "end"); } .tertiary.group-start.text-hide { // TODO revoir l'utilisation des classes @include button("tertiary", $group-button-position: "start", $text-hide: true); } .tertiary.group-middle.text-hide { // TODO revoir l'utilisation des classes @include button("tertiary", $group-button-position: "middle", $text-hide: true); } .tertiary.group-end.text-hide { // TODO revoir l'utilisation des classes @include button("tertiary", $group-button-position: "end", $text-hide: true); } .dark { @include button("dark", "m"); } .dark-icon-on-right { @include button("dark", "m", true); } .dark-icon-full { @include button("dark", "m", false, true); } .dark-text-hide { @include button("dark", "m", false, false, true); } .secondary-group { @include button("secondary", "m", false, false, true); } */ .spinner-container.center, app-multi-graph-view app-errors-graph .spinner-container.no-data-container, app-single-graph-view app-errors-graph .spinner-container.no-data-container { display: block; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .spinner-container.center .spinner-wrapper, app-multi-graph-view app-errors-graph .spinner-container.no-data-container .spinner-wrapper, app-single-graph-view app-errors-graph .spinner-container.no-data-container .spinner-wrapper { display: block; position: relative; width: 100%; min-height: 100px; height: 100px; } .spinner-container.center .spinner-wrapper .mat-mdc-progress-spinner, app-multi-graph-view app-errors-graph .spinner-container.no-data-container .spinner-wrapper .mat-mdc-progress-spinner, app-single-graph-view app-errors-graph .spinner-container.no-data-container .spinner-wrapper .mat-mdc-progress-spinner { margin: 0 auto; } .spinner-wrapper { display: block; position: relative; width: 100%; min-height: 100px; height: 100px; } .spinner-wrapper .mat-mdc-progress-spinner { margin: 0 auto; } #absolute-spinner { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } table:not(.mat-calendar-table) { padding: 0 8px; width: 100%; } table:not(.mat-calendar-table) .mat-icon { color: #ffed00; height: 32px; width: 32px; } table:not(.mat-calendar-table) button .mat-icon { color: var(--bje-rouge); } table:not(.mat-calendar-table) th.cdk-column-consulted, td.cdk-column-consulted { width: 150px; text-align: center; } table:not(.mat-calendar-table) th.cdk-column-consulted .mat-icon, td.cdk-column-consulted .mat-icon { color: #C4C4C4; height: 28px; width: 28px; } table:not(.mat-calendar-table) th.cdk-column-consulted .mat-icon.active, td.cdk-column-consulted .mat-icon.active { color: #ffed00; } table:not(.mat-calendar-table).mat-mdc-table { border-collapse: separate; border-spacing: 0 7px !important; } table:not(.mat-calendar-table) th.mat-mdc-header-cell, table:not(.mat-calendar-table) td.mat-mdc-cell { border: none; } table:not(.mat-calendar-table) th.mat-mdc-header-cell { font-size: 1.4rem; } table:not(.mat-calendar-table) td.mat-mdc-cell { padding: 0 8px; } table:not(.mat-calendar-table) th, table:not(.mat-calendar-table) th.mat-mdc-header-cell { color: #000; border-top: 1px solid rgba(151, 151, 151, 0.5); border-bottom: 1px solid rgba(151, 151, 151, 0.5); } table:not(.mat-calendar-table) th:first-child, table:not(.mat-calendar-table) th.mat-mdc-header-cell:first-child { border-left: 1px solid rgba(235, 235, 235, 0.5); border-top-left-radius: 5px; border-bottom-left-radius: 5px; } table:not(.mat-calendar-table) th:last-child, table:not(.mat-calendar-table) th.mat-mdc-header-cell:last-child { border-right: 1px solid rgba(151, 151, 151, 0.5); border-top-right-radius: 5px; border-bottom-right-radius: 5px; } table:not(.mat-calendar-table) td:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } table:not(.mat-calendar-table) td:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } table:not(.mat-calendar-table) tr, table:not(.mat-calendar-table) tr.mat-mdc-row { height: 56px; border-radius: 10px; box-shadow: 0 1px 10px rgba(0, 175, 236, 0.4); } table:not(.mat-calendar-table) tr.mat-mdc-header-row, table:not(.mat-calendar-table) tr.mat-mdc-row.mat-mdc-header-row { height: 34px; } table:not(.mat-calendar-table) thead, table:not(.mat-calendar-table) .mat-mdc-header-row { background-color: #ebebeb; box-shadow: none; } table:not(.mat-calendar-table) thead .mdc-checkbox__background, table:not(.mat-calendar-table) .mat-mdc-header-row .mdc-checkbox__background { border-color: #FFF; } table:not(.mat-calendar-table) thead tr, table:not(.mat-calendar-table) .mat-mdc-header-row tr { border-radius: 5px; } table:not(.mat-calendar-table) tbody:before { content: ""; display: block; height: 2px; } table:not(.mat-calendar-table) tbody tr:hover:not(.mat-no-data-row) { box-shadow: 0 1px 10px rgba(0, 175, 236, 0.4); background-color: var(--milan-vert); } table:not(.mat-calendar-table) tbody tr:hover.mat-no-data-row { cursor: auto; } table:not(.mat-calendar-table) tbody tr .mat-mdc-cell, table:not(.mat-calendar-table) tbody tr .mat-mdc-footer-cell { color: #000; } table:not(.mat-calendar-table) tbody tr:hover:not(.mat-no-data-row) > .mat-mdc-cell { color: #FFF; } table:not(.mat-calendar-table) tbody tr:hover:not(.mat-no-data-row) > .mat-mdc-cell .mat-icon { color: #FFF; } table:not(.mat-calendar-table) tbody tr:hover .nav-link-title { color: #fff24d; } table:not(.mat-calendar-table) tr td.mat-column-actions { width: 13%; } mat-tab-nav-panel { flex: 1; display: flex; } mat-tab-group.mat-primary { flex: 1; /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } mat-tab-group.mat-primary div.mat-mdc-tab-body-wrapper { /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } mat-tab-group.mat-primary div.mat-mdc-tab-body-wrapper mat-tab-body.mat-mdc-tab-body { /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } mat-tab-group.mat-primary div.mat-mdc-tab-body-wrapper mat-tab-body.mat-mdc-tab-body div.mat-mdc-tab-body-content { display: flex; flex-direction: column; } mat-tab-group.mat-primary .mat-mdc-tab-nav-bar, mat-tab-group.mat-primary .mat-mdc-tab-header { border: none; } mat-tab-group.mat-primary.mat-mdc-tab-group .mdc-tab-indicator .mdc-tab-indicator__content--underline, mat-tab-group.mat-primary .mat-mdc-tab-nav-bar .mdc-tab-indicator .mdc-tab-indicator__content--underline { border-top-color: var(--bje-rouge); } mat-tab-group.mat-primary .mdc-tab { justify-content: center; align-items: flex-end; } mat-tab-group.mat-primary .mdc-tab .mdc-tab__content { padding-bottom: 5px; } mat-tab-group.mat-primary.mat-mdc-tab-group .mdc-tab { background-color: transparent; font-style: normal; font-weight: 700; font-size: 18px; line-height: 21px; text-align: center; color: #323A49; } .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-links { justify-content: center; } .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-links .mat-mdc-tab-link { flex: none; font-style: normal; font-weight: 700; font-size: 18px; color: #323A49; } .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-links .mat-mdc-tab-link .mdc-tab-indicator .mdc-tab-indicator__content--underline { border-top-color: var(--bje-rouge); } /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ mat-tab-nav-panel { flex: 1; display: flex; } .mat-toolbar-multiple-rows.filters { min-height: inherit; } body.player .top-main-toolbar { display: none; } .top-main-toolbar mat-toolbar .toolbar__survey { display: flex; align-items: center; gap: 1.2rem; margin-right: 1.8rem; padding-left: 1.8rem; background-color: #FFED00; border-radius: 8px; font-size: 1.4rem; font-weight: 700; line-height: 1.2; transition: all 100ms ease-in-out; } .top-main-toolbar mat-toolbar .toolbar__survey:has(.toolbar__survey-link:active) { transform: translateY(1px); } .top-main-toolbar mat-toolbar .toolbar__survey .toolbar__survey-message { color: #00213E; } .top-main-toolbar mat-toolbar .toolbar__survey .toolbar__survey-message b { font-weight: 900; } .top-main-toolbar mat-toolbar .toolbar__survey .toolbar__survey-link { display: flex; align-items: center; gap: 0.8rem; padding: 0.8rem 1.4rem; color: #FFF; background-color: #00213E; border-radius: inherit; cursor: pointer; transition: all 100ms ease-in-out; } .top-main-toolbar mat-toolbar .toolbar__survey .toolbar__survey-link:hover, .top-main-toolbar mat-toolbar .toolbar__survey .toolbar__survey-link:active { background-color: #00396b; text-decoration: none; } .top-main-toolbar mat-toolbar .toolbar__survey .toolbar__survey-link mat-icon { flex: none; width: 2.2rem; min-width: unset; height: auto; min-height: unset; aspect-ratio: 1; } .top-main-toolbar mat-toolbar .toolbar__survey .toolbar__survey-link mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } .top-main-toolbar mat-toolbar .toolbar__premium-upgrade-button { margin: 0 0.8rem 0 auto; font-size: 1.4rem; } .top-main-toolbar mat-toolbar .toolbar__premium-upgrade-button mat-icon.mat-icon { width: 1.5rem; min-width: unset; height: auto; min-height: unset; aspect-ratio: 1; } .top-main-toolbar mat-toolbar .toolbar__premium-upgrade-button + app-button-help { margin-left: 0.8rem; } .top-main-toolbar mat-toolbar app-button-help { margin: 0 0.8rem 0 auto; } .top-main-toolbar mat-toolbar app-button-help button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); font-size: 1.4rem; } .top-main-toolbar mat-toolbar app-button-help button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .top-main-toolbar mat-toolbar app-button-help button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .top-main-toolbar mat-toolbar app-button-help button .mat-icon + span { margin-right: 2px; } .top-main-toolbar mat-toolbar app-button-help button span:has(+ .mat-icon) { margin-left: 2px; } } .top-main-toolbar mat-toolbar app-button-help button:hover, .top-main-toolbar mat-toolbar app-button-help button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } .top-main-toolbar mat-toolbar app-button-help button:hover .mat-icon, .top-main-toolbar mat-toolbar app-button-help button.cdk-keyboard-focused .mat-icon { color: !important; } .top-main-toolbar mat-toolbar app-button-help button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } .top-main-toolbar mat-toolbar app-button-help button:active .mat-icon { color: !important; } .top-main-toolbar mat-toolbar app-button-help button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .top-main-toolbar mat-toolbar app-button-help button[disabled] .mat-icon { color: #989CA4 !important; } .top-main-toolbar mat-toolbar app-button-help button[disabled] { border: none; } .top-main-toolbar mat-toolbar .toolbarMessage { background-color: #FCB731; white-space: pre-wrap; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.3em; text-align: center; font-weight: bold; padding: 0 8%; color: red; flex-wrap: wrap; } .top-main-toolbar mat-toolbar .toolbarMessage a { color: #004157 !important; text-decoration: underline !important; } .top-main-toolbar .btn__goToLoginPage { color: #000; } .top-main-toolbar .user-button:not(:disabled) { color: #000; } .top-main-toolbar .user-button:not(:disabled) mat-icon { color: #000; } .top-main-toolbar .user-button .account-info .avatar { width: 4rem; height: auto; aspect-ratio: 1; margin-right: 0.8rem; border-radius: 50%; } .top-main-toolbar .user-button .account-info .account-labels { display: flex; align-items: center; } mat-tooltip-component .mdc-tooltip .mdc-tooltip__surface { padding: 0.6rem 0.9rem; color: #000000; background-color: #ebebeb; font-size: 1.6rem; line-height: 1.2; letter-spacing: normal; } app-mobile-redirection-modal span.bold { font-weight: bold; } .mat-mdc-menu-panel { min-height: auto !important; } .mat-mdc-menu-panel .mat-mdc-menu-content { display: flex; flex-direction: column; padding: 0 !important; } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item { display: flex; justify-content: flex-start; align-items: center; min-height: 4.5rem; margin: 0 !important; padding: 0 1.5rem; color: #000; background-color: transparent; font: 700 1.4rem/1.4 var(--typo1), var(--typo2), sans-serif; border-radius: 0 !important; } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover, .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused { background-color: #ede800; } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-button-disabled, .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[disabled] { cursor: not-allowed; color: rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.12); } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-button-disabled .mat-icon, .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[disabled] .mat-icon { color: rgba(0, 0, 0, 0.26); } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-button-disabled svg path, .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[disabled] svg path { color: rgba(0, 0, 0, 0.26); } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-button-disabled *, .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[disabled] * { cursor: not-allowed; } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.menu-button-add-learner-disabled[disabled] { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26) !important; cursor: not-allowed; } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.menu-button-add-learner-disabled[disabled] mat-icon { color: rgba(0, 0, 0, 0.26) !important; } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item > .mat-icon { display: inline-block; order: 2; margin-left: 1.5rem; margin-right: 0; color: #000; } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item > .mat-mdc-menu-item-text { order: 1; margin-right: auto; color: inherit; font: inherit; } app-informations-legales .legal-notice { display: grid; grid-template-rows: auto 1fr; min-height: 100%; padding: 3rem; gap: 2rem; background-color: var(--gris-de-fond); } app-informations-legales .legal-notice .legal-notice__title { margin: 0; font-size: 1.8rem; font-weight: 900; } app-informations-legales .legal-notice .legal-notice__title::first-letter { text-transform: uppercase; } app-informations-legales .legal-notice .legal-notice__spinner-wrapper { margin: auto; } app-informations-legales .legal-notice .legal-notice__accordion { position: relative; display: flex; flex-direction: column; gap: 1rem; max-width: 200rem; } app-informations-legales .legal-notice .legal-notice__accordion::before { content: ""; position: absolute; inset: 0; max-width: 60vw; max-height: 60vh; margin-top: 5rem; margin-inline: auto; background-image: url("/assets/cycle-1-tne-canope/images/backgrounds/gavel.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel { position: relative; background-color: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(8.5px); backdrop-filter: blur(8.5px); border-radius: 8px; box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.03); transition: all 200ms ease-in-out; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgb(255, 255, 255) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .legal-notice__panel-header { height: unset; padding: 1rem 1.5rem; background-color: unset; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .legal-notice__panel-header:hover, app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .legal-notice__panel-header:focus { color: unset; background-color: unset; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .legal-notice__panel-header .mat-content { display: flex; align-items: center; gap: 1rem; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .legal-notice__panel-header .mat-content .legal-notice__panel-title { margin: 0; color: #000; font-size: 1.6rem; font-weight: 700; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .legal-notice__panel-header .mat-content .legal-notice__panel-title::first-letter { text-transform: uppercase; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .legal-notice__panel-header .mat-content .legal-notice__panel-icon, app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .legal-notice__panel-header .mat-content .legal-notice__arrow-icon { transform: unset; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .legal-notice__panel-header .mat-content .legal-notice__arrow-icon { flex: none; width: 2rem; min-width: unset; height: auto; min-height: unset; aspect-ratio: 1; margin-left: auto; color: #000; transition: transform 200ms ease-in-out; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .legal-notice__panel-header .mat-content .legal-notice__arrow-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .mat-expansion-panel-content .mat-expansion-panel-body { padding: 0 0.5rem 0.5rem; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .mat-expansion-panel-content .mat-expansion-panel-body .legal-notice__panel-content { padding: 1.5rem 2rem; background-color: var(--gris-de-fond); border-radius: 6px; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .mat-expansion-panel-content .mat-expansion-panel-body .legal-notice__panel-content *:first-child { margin-top: 0; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .mat-expansion-panel-content .mat-expansion-panel-body .legal-notice__panel-content *:last-child { margin-bottom: 0; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel .mat-expansion-panel-content .mat-expansion-panel-body .legal-notice__panel-content a { color: #000; text-decoration: underline; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel.mat-expanded { margin: 0; box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.03), 0 5rem 3rem 0 #ebebeb; } app-informations-legales .legal-notice .legal-notice__accordion .legal-notice__panel.mat-expanded .legal-notice__panel-header .mat-content .legal-notice__arrow-icon { transform: rotate(90deg); } #fuse-splash-screen { background-color: #ebebeb; } #fuse-splash-screen .center .spinner-wrapper .spinner .inner .left .half-circle, #fuse-splash-screen app-multi-graph-view app-errors-graph .no-data-container .spinner-wrapper .spinner .inner .left .half-circle, app-multi-graph-view app-errors-graph #fuse-splash-screen .no-data-container .spinner-wrapper .spinner .inner .left .half-circle, #fuse-splash-screen app-single-graph-view app-errors-graph .no-data-container .spinner-wrapper .spinner .inner .left .half-circle, app-single-graph-view app-errors-graph #fuse-splash-screen .no-data-container .spinner-wrapper .spinner .inner .left .half-circle, #fuse-splash-screen .center .spinner-wrapper .spinner .inner .right .half-circle, #fuse-splash-screen app-multi-graph-view app-errors-graph .no-data-container .spinner-wrapper .spinner .inner .right .half-circle, app-multi-graph-view app-errors-graph #fuse-splash-screen .no-data-container .spinner-wrapper .spinner .inner .right .half-circle, #fuse-splash-screen app-single-graph-view app-errors-graph .no-data-container .spinner-wrapper .spinner .inner .right .half-circle, app-single-graph-view app-errors-graph #fuse-splash-screen .no-data-container .spinner-wrapper .spinner .inner .right .half-circle { border-top-color: var(--milan-vert); } #fuse-splash-screen .center .spinner-wrapper .spinner .inner .left .half-circle, #fuse-splash-screen app-multi-graph-view app-errors-graph .no-data-container .spinner-wrapper .spinner .inner .left .half-circle, app-multi-graph-view app-errors-graph #fuse-splash-screen .no-data-container .spinner-wrapper .spinner .inner .left .half-circle, #fuse-splash-screen app-single-graph-view app-errors-graph .no-data-container .spinner-wrapper .spinner .inner .left .half-circle, app-single-graph-view app-errors-graph #fuse-splash-screen .no-data-container .spinner-wrapper .spinner .inner .left .half-circle { border-left-color: var(--milan-vert); } #fuse-splash-screen .center .spinner-wrapper .spinner .inner .right .half-circle, #fuse-splash-screen app-multi-graph-view app-errors-graph .no-data-container .spinner-wrapper .spinner .inner .right .half-circle, app-multi-graph-view app-errors-graph #fuse-splash-screen .no-data-container .spinner-wrapper .spinner .inner .right .half-circle, #fuse-splash-screen app-single-graph-view app-errors-graph .no-data-container .spinner-wrapper .spinner .inner .right .half-circle, app-single-graph-view app-errors-graph #fuse-splash-screen .no-data-container .spinner-wrapper .spinner .inner .right .half-circle { border-right-color: var(--milan-vert); } ckeditor { display: flex; flex: 1; } ckeditor .ck-editor { display: flex; flex: 1; flex-direction: column; } ckeditor .ck-editor.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content, ckeditor .ck-editor.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners { border-top-left-radius: 0.6rem; border-top-right-radius: 0.6rem; } ckeditor .ck-editor.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck.ck-toolbar, ckeditor .ck-editor.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners .ck.ck-toolbar { border-top-left-radius: 0.6rem; border-top-right-radius: 0.6rem; } ckeditor .ck-editor.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, ckeditor .ck-editor .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners { border-bottom-left-radius: 0.6rem; border-bottom-right-radius: 0.6rem; } app-notepad-content-editor { flex: 1; min-height: inherit; } app-notepad-content-editor ckeditor { min-height: inherit; } app-notepad-content-editor ckeditor .ck-editor { min-height: inherit; } app-notepad-content-editor ckeditor .ck-editor .ck-editor__main { min-height: inherit; } #app-feedback form { display: flex; flex-direction: column; margin: auto; background-color: white; padding: 30px; height: 92vh; width: 70vh; overflow: auto; } #app-feedback form img { height: 15vh; margin: auto; } #app-feedback form textarea { height: 6vh; margin-bottom: 20px; } #app-feedback form button.mat-mdc-raised-button { margin: auto; height: 5vh; } #app-feedback app-upload-file-generic { height: auto; } #app-feedback app-upload-file-generic form { height: auto; } fuse-profile-about #about .about-content .profile-box { overflow: hidden; } fuse-profile-about #about .about-content .profile-box header { background-color: !important; color: !important; } fuse-profile-about #about .about-content .profile-box .mat-mdc-card-actions { padding: 8px; } fuse-profile-about #about .about-content .profile-box .mat-mdc-card-actions button { display: flex; align-items: center; gap: 8px; } fuse-register { /** to show info message at bottom of field */ } fuse-register .info-mail { position: absolute; margin: auto; display: block; transform: translate(-14px, 18px); font-size: 12px; } fuse-register #register-form form { flex-direction: column !important; } fuse-register #register-form .logo { display: block !important; width: 256px; } fuse-register #register-form .mat-mdc-form-field { padding: 0 5px; max-width: 100% !important; } fuse-register #register-form .mat-mdc-form-field.field-password { max-width: 100% !important; } fuse-register #register-form .mat-mdc-form-field-hint-wrapper, fuse-register #register-form .mat-mdc-form-field-error-wrapper { z-index: 100; } app-home-page .home-page-wrapper { gap: 3rem; padding: 3rem; } app-home-page .home-page-wrapper .resume-title, app-home-page .home-page-wrapper .discover-title { align-self: flex-start; margin: 0; font-weight: 700; } app-home-page .home-page-wrapper .container-banner-home-header { width: 100%; margin: 0; border-radius: 7px; } app-home-page .home-page-wrapper .container-banner-home-header .banner { position: static; inset: 0; margin: auto; height: 160px; max-height: unset; margin: 0; border-radius: inherit; } app-home-page .home-page-wrapper .container-banner-home-header .home-header { position: static; top: unset; width: auto; height: unset; max-height: unset; margin: 0; padding: 15px 15px 0 15px; color: unset; background-color: unset; background-image: unset; border-radius: inherit; } app-home-page .home-page-wrapper .container-banner-home-header .home-header .title { color: #000; } app-home-page .home-page-wrapper .container-banner-home-header .home-header .title + .content { margin-top: 15px; } app-home-page .home-page-wrapper .container-banner-home-header .home-header .content p { margin: 0; color: #000; font-size: 1.4rem; line-height: 1.2; } app-home-page .home-page-wrapper .container-banner-home-header .home-header .content p + p { margin-top: 15px; } app-home-page .home-page-wrapper .home-page__news { align-self: stretch; display: flex; flex-direction: column; gap: 1.8rem; } app-home-page .home-page-wrapper .home-page__news .home-page__news-title { margin: unset; font-size: 2rem; font-weight: 800; } app-home-page .home-page-wrapper .home-page__news .home-page__news-content { display: grid; grid-template-columns: 1fr; gap: 1.8rem; } @media screen and (min-width: 960px) { app-home-page .home-page-wrapper .home-page__news .home-page__news-content { grid-template-columns: repeat(auto-fill, minmax(50rem, 1fr)); } } @media screen and (min-width: 1280px) { app-home-page .home-page-wrapper .home-page__news .home-page__news-content { grid-template-columns: repeat(2, 1fr); } } app-home-page .home-page-wrapper .content-cards { width: 100%; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card { overflow: hidden; border-radius: 12px; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-header { display: flex; padding: 1.2rem 1.8rem; color: #F3FBFF; background-color: #00324F; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-header .home-page__onboarding-title { display: flex; align-items: center; gap: 0.6rem; margin: unset; font-weight: 700; text-transform: uppercase; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-header .home-page__onboarding-title .home-page__onboarding-group, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-header .home-page__onboarding-title .home-page__onboarding-grade { padding: 0.3rem 0.9rem; border-radius: 40px; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-header .home-page__onboarding-title .home-page__onboarding-group:where(.home-page__onboarding-group), app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-header .home-page__onboarding-title .home-page__onboarding-grade:where(.home-page__onboarding-group) { background-color: rgba(255, 255, 255, 0.25); border: 2px solid transparent; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-header .home-page__onboarding-title .home-page__onboarding-group:where(.home-page__onboarding-grade), app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-header .home-page__onboarding-title .home-page__onboarding-grade:where(.home-page__onboarding-grade) { border: 2px solid rgba(255, 255, 255, 0.25); } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content { display: grid; grid-template-columns: 2fr 1fr; gap: 1.8rem; padding: 1.8rem; background-color: #E5EBF1; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content { display: flex; flex-direction: column; gap: 1.2rem; padding: 1.2rem; color: #F7FAFA; background-color: #ffed00; border-radius: 12px; } @media screen and (min-width: 600px) { app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content { background-image: url("/assets/cycle-1-tne-canope/images/backgrounds/onboarding-card.png"); background-size: auto 90%; background-position: right 2.4rem bottom; background-repeat: no-repeat; } } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-progress, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__progress, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-progress, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__progress { display: flex; align-items: center; gap: 0.6rem; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-progress .home-page__onboarding-progress-spinner, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-progress .first-time-user-experience__progress-spinner, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__progress .home-page__onboarding-progress-spinner, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__progress .first-time-user-experience__progress-spinner, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-progress .home-page__onboarding-progress-spinner, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-progress .first-time-user-experience__progress-spinner, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__progress .home-page__onboarding-progress-spinner, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__progress .first-time-user-experience__progress-spinner { --mdc-circular-progress-active-indicator-color: #F7FAFA; width: 2.4rem !important; height: auto !important; aspect-ratio: 1; background-image: radial-gradient(closest-side, transparent 80%, rgba(255, 255, 255, 0.25) 80%); border-radius: 50%; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-progress .home-page__onboarding-progress-percentage, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-progress .first-time-user-experience__progress-percentage, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__progress .home-page__onboarding-progress-percentage, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__progress .first-time-user-experience__progress-percentage, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-progress .home-page__onboarding-progress-percentage, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-progress .first-time-user-experience__progress-percentage, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__progress .home-page__onboarding-progress-percentage, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__progress .first-time-user-experience__progress-percentage { font-size: 1.4rem; font-weight: 600; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-period, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-period, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-period, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-period, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-period, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-period, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-period, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-period { font-size: 1.4rem; font-weight: 600; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-sequence, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-sequence, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-sequence, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-sequence, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-lesson .home-page__onboarding-lesson-sequence, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-lesson .first-time-user-experience__lesson-sequence, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__lesson .home-page__onboarding-lesson-sequence, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__lesson .first-time-user-experience__lesson-sequence { font-size: 1.6rem; font-weight: 700; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-start-button, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__start-button, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-start-button, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__start-button { display: flex; justify-content: space-between; align-items: center; gap: 1.2rem; padding: 0.6rem 1.2rem; color: #00324F; background-color: #FFF; border: none; border-radius: 1000px; font-size: 1.4rem; transition: all 100ms ease-in-out; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-start-button:hover, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-start-button:active, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__start-button:hover, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__start-button:active, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-start-button:hover, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-start-button:active, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__start-button:hover, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__start-button:active { background-color: #f2f2f2; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .home-page__onboarding-start-button:active, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-primary-content .first-time-user-experience__start-button:active, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .home-page__onboarding-start-button:active, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__primary-content .first-time-user-experience__start-button:active { transform: translateY(1px); } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-search-button, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__search-button { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.6rem; padding: 1.2rem 1.8rem; color: #00324F; background-color: unset; border: 2px solid rgba(0, 50, 79, 0.15); border-radius: 12px; font-size: 1.4rem; text-decoration: none !important; transition: all 100ms ease-in-out; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-search-button:hover, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-search-button:active, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__search-button:hover, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__search-button:active { border-color: rgba(0, 50, 79, 0.3); } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-search-button:active, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__search-button:active { transform: translateY(1px); } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-search-button .home-page__onboarding-search-icon, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-search-button .first-time-user-experience__search-icon, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__search-button .home-page__onboarding-search-icon, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__search-button .first-time-user-experience__search-icon { flex: none; width: 3.2rem; height: auto; aspect-ratio: 1; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-search-button .home-page__onboarding-search-icon svg, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-search-button .first-time-user-experience__search-icon svg, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__search-button .home-page__onboarding-search-icon svg, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__search-button .first-time-user-experience__search-icon svg { width: 100%; height: 100%; } app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-search-button .home-page__onboarding-search-label, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .home-page__onboarding-search-button .first-time-user-experience__search-label, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__search-button .home-page__onboarding-search-label, app-home-page .home-page-wrapper .content-cards:where(.home-page__onboarding) .home-page__onboarding-card-wrapper .home-page__onboarding-card .home-page__onboarding-content .first-time-user-experience__search-button .first-time-user-experience__search-label { font-weight: 600; text-align: center; } app-home-page .home-page-wrapper .content-cards.data-cards { margin-top: 10px; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card { height: 100%; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card.home-page__collection-card { min-height: 20rem; background-color: var(--faux-blanc); border-radius: 6px; box-shadow: 0 12px 40px -25px rgba(0, 0, 0, 0.5); } app-home-page .home-page-wrapper .content-cards .mat-mdc-card.home-page__collection-card .home-page__collection-card-header { border-top-left-radius: inherit; border-top-right-radius: inherit; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card.home-page__collection-card .home-page__collection-card-header .mat-mdc-card-header-text .mat-mdc-card-title .home-page__collection-card-title { font-size: 1.6rem; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card.home-page__collection-card .home-page__collection-card-content-wrapper { gap: 1.5rem; padding: 1.5rem; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card.home-page__collection-card .home-page__collection-card-content-wrapper .home-page__collection-card-content { align-items: center; color: #000; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card.home-page__collection-card .home-page__collection-card-content-wrapper .home-page__collection-card-content dl dd:after { content: none; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card .mat-mdc-card-header { padding: unset; background-color: var(--bj-gris-clair); } app-home-page .home-page-wrapper .content-cards .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title, app-home-page .home-page-wrapper .content-cards .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title-text { color: #000; font-size: 1.4rem; font-weight: 700; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title:where(h2, h3), app-home-page .home-page-wrapper .content-cards .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title-text:where(h2, h3) { margin: 1.2rem 0; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card .wrapper-content mat-card-content.mat-mdc-card-content { padding: unset; color: #000; font-size: 1.4rem; font-weight: 400; line-height: 1.4; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions { min-height: unset; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); font-size: 1.4rem; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button .mat-icon + span { margin-right: 2px; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button span:has(+ .mat-icon) { margin-left: 2px; } } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button:hover, app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button:hover .mat-icon, app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button.cdk-keyboard-focused .mat-icon { color: !important; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button:active .mat-icon { color: !important; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button[disabled] .mat-icon { color: #989CA4 !important; } app-home-page .home-page-wrapper .content-cards .mat-mdc-card mat-card-actions button[disabled] { border: none; } fuse-app-assignation { color: #3A4354; } fuse-app-assignation .mat-button-toggle:first-child { border-right: 0; } fuse-app-assignation mat-button-toggle-group { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; margin-bottom: 30px; } fuse-app-assignation mat-button-toggle-group span { text-transform: uppercase; color: rgba(58, 67, 84, 0.5); font-weight: 700; } fuse-app-assignation mat-button-toggle-group .mat-pseudo-checkbox { display: none; } fuse-app-assignation mat-button-toggle-group .mat-button-toggle-appearance-standard.mat-button-toggle-checked { --mat-standard-button-toggle-selected-state-text-color: #FFFFFF; --mat-standard-button-toggle-selected-state-background-color: #ffed00; color: var(--mat-standard-button-toggle-selected-state-text-color); background-color: var(--mat-standard-button-toggle-selected-state-background-color); } fuse-app-assignation mat-button-toggle-group .mat-button-toggle-checked span { color: #FFFFFF !important; } fuse-app-assignation mat-selection-list { width: 100%; } fuse-app-assignation mat-list-option { border: 0.5px solid #CBD1DB; border-radius: 5px; margin: 10px 0; text-transform: uppercase; font-weight: 700; color: #323A49; background: #F9FBFF !important; } fuse-app-assignation mat-list-option .mdc-list-item__primary-text { --mdc-list-list-item-label-text-weight: 700; display: flex; justify-content: space-between; flex-direction: initial !important; align-items: center; font-weight: var(--mdc-list-list-item-label-text-weight); } fuse-app-assignation mat-list-option .button-like { text-align: center; color: #FFFFFF; background: #28458C; border-radius: 16.5px; padding: 4px 12px !important; text-transform: initial; width: -moz-fit-content; width: fit-content; } fuse-app-assignation form { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1rem; } fuse-app-assignation form legend { padding: 0 0 5px 0; grid-column: 1/3; } fuse-app-assignation form > mat-form-field, fuse-app-assignation form .assignation__select-lesson, fuse-app-assignation form .assignation__selected-activities { grid-column: 1/3; } fuse-app-assignation form .assignation__group-field, fuse-app-assignation form .assignation__workgroup-field { grid-column: span 1; } fuse-app-assignation form .mat-button-toggle-group, fuse-app-assignation form .assignation__selected-activities { margin-left: 16px; } #login div#login-form-wrapper #login-form, div#forgot-password-form, #register #register-form { color: #000; background: var(--milan-vert) !important; border-radius: 20px; } #login div#login-form-wrapper #login-form a, div#forgot-password-form a, #register #register-form a { color: #000; text-decoration: underline; } #login div#login-form-wrapper #login-form > .submit-button, div#forgot-password-form > .submit-button, #register #register-form > .submit-button { margin: 4em 0 2em; } #login div#login-form-wrapper #login-form .title, div#forgot-password-form .title, #register #register-form .title { font: 700 24px/28px var(--typo1), sans-serif; letter-spacing: 0.25px; } #login div#login-form-wrapper #login-form .mat-mdc-form-field, div#forgot-password-form .mat-mdc-form-field, #register #register-form .mat-mdc-form-field { --mat-icon-color: inherit; } #login div#login-form-wrapper #login-form .mat-mdc-form-field-label, div#forgot-password-form .mat-mdc-form-field-label, #register #register-form .mat-mdc-form-field-label { color: #000; font-weight: 500; transition: color 100ms ease-in-out, font-weight 100ms ease-in-out, transform 100ms ease-in-out; } #login div#login-form-wrapper #login-form .mat-mdc-checkbox .mdc-form-field, div#forgot-password-form .mat-mdc-checkbox .mdc-form-field, #register #register-form .mat-mdc-checkbox .mdc-form-field { display: flex; flex-wrap: nowrap; flex-direction: row; } #login div#login-form-wrapper #login-form .mat-mdc-checkbox .mdc-form-field .mdc-checkbox, div#forgot-password-form .mat-mdc-checkbox .mdc-form-field .mdc-checkbox, #register #register-form .mat-mdc-checkbox .mdc-form-field .mdc-checkbox { flex: none; } #login div#login-form-wrapper #login-form .mat-mdc-checkbox .mdc-form-field .mdc-label, div#forgot-password-form .mat-mdc-checkbox .mdc-form-field .mdc-label, #register #register-form .mat-mdc-checkbox .mdc-form-field .mdc-label { white-space: normal; display: flex; flex-wrap: wrap; flex: 1; } #login div#login-form-wrapper #login-form jhi-re-captcha, div#forgot-password-form jhi-re-captcha, #register #register-form jhi-re-captcha { margin-top: 20px; } #login div#login-form-wrapper #login-form .mdc-checkbox__background, div#forgot-password-form .mdc-checkbox__background, #register #register-form .mdc-checkbox__background { border-color: #f9f9f9; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill, div#forgot-password-form .mat-form-field-appearance-fill, #register #register-form .mat-form-field-appearance-fill { /* Change the white to any color ;) */ } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-flex, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-flex, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-flex { margin-top: 1.8em; background-color: #FFF; border: none; border-radius: 5px; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field { min-width: 150px; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix { --mat-form-field-container-height: 47px; padding: 0 15px 0 15px; border: none; min-height: var(--mat-form-field-container-height); } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mat-mdc-form-field-label-wrapper, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mat-mdc-form-field-label-wrapper, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mat-mdc-form-field-label-wrapper { overflow: visible; padding: 0; top: -0.5em; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mat-mdc-form-field-label, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mat-mdc-form-field-label, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mat-mdc-form-field-label { color: #000; text-transform: inherit; padding-left: 10px; padding-right: 10px; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mat-mdc-form-field-label--float-above, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mat-mdc-form-field-label--float-above, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mat-mdc-form-field-label--float-above { top: 0; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mdc-floating-label--float-above, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mdc-floating-label--float-above, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-infix .mdc-floating-label--float-above { --mdc-filled-text-field-label-text-size: 1.6rem; top: 0; font-size: var(--mdc-filled-text-field-label-text-size); --mdc-filled-text-field-hover-label-text-color: #000; color: var(--mdc-filled-text-field-hover-label-text-color); } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mdc-text-field, div#forgot-password-form .mat-form-field-appearance-fill .mdc-text-field, #register #register-form .mat-form-field-appearance-fill .mdc-text-field { padding: 0; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label, #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label--float-above, div#forgot-password-form .mat-form-field-appearance-fill .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label, div#forgot-password-form .mat-form-field-appearance-fill .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label--float-above, #register #register-form .mat-form-field-appearance-fill .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label, #register #register-form .mat-form-field-appearance-fill .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label--float-above { --mdc-filled-text-field-hover-label-text-color: #000; color: var(--mdc-filled-text-field-hover-label-text-color); } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label-wrapper, div#forgot-password-form .mat-form-field-appearance-fill.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label-wrapper, #register #register-form .mat-form-field-appearance-fill.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label-wrapper { top: -1.3em; padding: 0; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label, div#forgot-password-form .mat-form-field-appearance-fill.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label, #register #register-form .mat-form-field-appearance-fill.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-1.5em) scale(1); color: #000; font-weight: 400; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-prefix, #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-suffix, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-prefix, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-suffix, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-prefix, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-suffix { align-self: center; padding-right: 10px; color: #ebebeb; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-input-element, #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-select, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-input-element, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-select, #register #register-form .mat-form-field-appearance-fill .mat-mdc-input-element, #register #register-form .mat-form-field-appearance-fill .mat-mdc-select { font: 500 14px/32px var(--typo1), sans-serif; font-size: 18px; background-color: transparent !important; color: black; margin-bottom: 4px; margin-top: 6px; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill input:-webkit-autofill, #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill input:-webkit-autofill:hover, #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill input:-webkit-autofill:focus, #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill input:-webkit-autofill:active, div#forgot-password-form .mat-form-field-appearance-fill input:-webkit-autofill, div#forgot-password-form .mat-form-field-appearance-fill input:-webkit-autofill:hover, div#forgot-password-form .mat-form-field-appearance-fill input:-webkit-autofill:focus, div#forgot-password-form .mat-form-field-appearance-fill input:-webkit-autofill:active, #register #register-form .mat-form-field-appearance-fill input:-webkit-autofill, #register #register-form .mat-form-field-appearance-fill input:-webkit-autofill:hover, #register #register-form .mat-form-field-appearance-fill input:-webkit-autofill:focus, #register #register-form .mat-form-field-appearance-fill input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #f9f9f9 inset !important; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill input:-internal-autofill-selected, div#forgot-password-form .mat-form-field-appearance-fill input:-internal-autofill-selected, #register #register-form .mat-form-field-appearance-fill input:-internal-autofill-selected { background-color: transparent !important; background-image: none !important; color: -internal-light-dark-color(black, transparent) !important; } #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-underline::before, #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-ripple, #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-focused .mat-mdc-form-field-ripple, #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-underline::before, #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-mdc-form-field-ripple, #login div#login-form-wrapper #login-form .mat-form-field-appearance-fill .mat-focused .mat-mdc-form-field-ripple, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-underline::before, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-ripple, div#forgot-password-form .mat-form-field-appearance-fill .mat-focused .mat-mdc-form-field-ripple, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-underline::before, div#forgot-password-form .mat-form-field-appearance-fill .mat-mdc-form-field-ripple, div#forgot-password-form .mat-form-field-appearance-fill .mat-focused .mat-mdc-form-field-ripple, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-underline::before, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-ripple, #register #register-form .mat-form-field-appearance-fill .mat-focused .mat-mdc-form-field-ripple, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-underline::before, #register #register-form .mat-form-field-appearance-fill .mat-mdc-form-field-ripple, #register #register-form .mat-form-field-appearance-fill .mat-focused .mat-mdc-form-field-ripple { margin-top: 5px; background-color: transparent; } #login div#login-form-wrapper #login-form button.submit-button, div#forgot-password-form button.submit-button, #register #register-form button.submit-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); width: 22rem; min-width: -moz-fit-content !important; min-width: fit-content !important; max-width: 100%; margin-top: 4rem; margin-left: auto; margin-right: auto; font-size: 1.4rem; } #login div#login-form-wrapper #login-form button.submit-button mat-icon.mat-icon, div#forgot-password-form button.submit-button mat-icon.mat-icon, #register #register-form button.submit-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } #login div#login-form-wrapper #login-form button.submit-button mat-icon.mat-icon svg, div#forgot-password-form button.submit-button mat-icon.mat-icon svg, #register #register-form button.submit-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { #login div#login-form-wrapper #login-form button.submit-button .mat-icon + span, div#forgot-password-form button.submit-button .mat-icon + span, #register #register-form button.submit-button .mat-icon + span { margin-right: 2px; } #login div#login-form-wrapper #login-form button.submit-button span:has(+ .mat-icon), div#forgot-password-form button.submit-button span:has(+ .mat-icon), #register #register-form button.submit-button span:has(+ .mat-icon) { margin-left: 2px; } } #login div#login-form-wrapper #login-form button.submit-button:hover, #login div#login-form-wrapper #login-form button.submit-button.cdk-keyboard-focused, div#forgot-password-form button.submit-button:hover, div#forgot-password-form button.submit-button.cdk-keyboard-focused, #register #register-form button.submit-button:hover, #register #register-form button.submit-button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } #login div#login-form-wrapper #login-form button.submit-button:hover .mat-icon, #login div#login-form-wrapper #login-form button.submit-button.cdk-keyboard-focused .mat-icon, div#forgot-password-form button.submit-button:hover .mat-icon, div#forgot-password-form button.submit-button.cdk-keyboard-focused .mat-icon, #register #register-form button.submit-button:hover .mat-icon, #register #register-form button.submit-button.cdk-keyboard-focused .mat-icon { color: !important; } #login div#login-form-wrapper #login-form button.submit-button:active, div#forgot-password-form button.submit-button:active, #register #register-form button.submit-button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } #login div#login-form-wrapper #login-form button.submit-button:active .mat-icon, div#forgot-password-form button.submit-button:active .mat-icon, #register #register-form button.submit-button:active .mat-icon { color: !important; } #login div#login-form-wrapper #login-form button.submit-button[disabled], div#forgot-password-form button.submit-button[disabled], #register #register-form button.submit-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } #login div#login-form-wrapper #login-form button.submit-button[disabled] .mat-icon, div#forgot-password-form button.submit-button[disabled] .mat-icon, #register #register-form button.submit-button[disabled] .mat-icon { color: #989CA4 !important; } #login div#login-form-wrapper #login-form button.submit-button[disabled], div#forgot-password-form button.submit-button[disabled], #register #register-form button.submit-button[disabled] { border: none; } #login div#login-form-wrapper #login-form mat-error.mat-mdc-form-field-error, div#forgot-password-form mat-error.mat-mdc-form-field-error, #register #register-form mat-error.mat-mdc-form-field-error { display: inline-flex; margin-top: 0.6rem; padding: 0.6rem 1.2rem; background-color: #f5e2e2; border-radius: 6px; font-size: 1.4rem; font-weight: 500; } #login div#login-form-wrapper #login-form { position: relative; width: 483px; max-width: 483px; } #login div#login-form-wrapper #login-form .logo { margin: 5px auto 0 auto; width: 274px; } #login div#login-form-wrapper #login-form .logo .mat-icon { width: inherit; height: inherit; min-width: inherit; min-height: inherit; line-height: inherit; } #login div#login-form-wrapper #login-form .title { margin: 10px 0 10px 0; } #login div#login-form-wrapper #login-form .divider { margin: 2em 0; color: #000; font-weight: bold; display: block; text-align: center; overflow: hidden; white-space: nowrap; } #login div#login-form-wrapper #login-form .divider > span { text-transform: uppercase; position: relative; display: inline-block; } #login div#login-form-wrapper #login-form .divider > span:before, #login div#login-form-wrapper #login-form .divider > span:after { content: ""; position: absolute; top: 45%; width: 9999px; height: 2px; background: #000; } #login div#login-form-wrapper #login-form .divider > span:before { right: 100%; margin-right: 15px; } #login div#login-form-wrapper #login-form .divider > span:after { left: 100%; margin-left: 15px; } #login div#login-form-wrapper #login-form .register { padding: 0; margin: 0; position: absolute; bottom: 135px; width: calc(100% - 64px); display: flex; flex-direction: row; justify-content: flex-start; } #forgot-password-form { width: 483px; max-width: 100%; } #forgot-password-form .logo { width: auto !important; margin: 62px 0 0 0 !important; } #forgot-password-form .logo .mat-icon { width: 274px; height: 80px; min-width: inherit; min-height: inherit; line-height: inherit; } .user-blocked#login div#login-form-wrapper #login-form a { text-decoration: none; } .user-blocked#login div#login-form-wrapper #login-form a:hover { text-decoration: underline; } .user-blocked#login div#login-form-wrapper #login-form h1 { padding-top: 5%; font-size: 21px; } .user-blocked#login div#login-form-wrapper #login-form p { padding: 5% 0; } app-corpus-root .center > .content, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content { padding-right: 0 !important; padding-top: 0; } app-corpus-root .center > .content fuse-corpus-file-list, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list { max-height: 100%; } app-corpus-root .center > .content fuse-corpus-file-list mat-toolbar.filters, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list mat-toolbar.filters, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list mat-toolbar.filters, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list mat-toolbar.filters, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list mat-toolbar.filters { margin-right: 0; } app-corpus-root .center > .content fuse-corpus-file-list .create-corpus-helper.empty-corpus, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .create-corpus-helper.empty-corpus, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .create-corpus-helper.empty-corpus, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .create-corpus-helper.empty-corpus, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .create-corpus-helper.empty-corpus { background-color: #ffed00; color: #000; } app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); width: 100% !important; max-width: 100%; margin: 0 !important; justify-content: center; justify-content: flex-start; gap: 2.4rem; width: calc(100% - 3.6rem) !important; margin: 0 auto 1.8rem !important; padding: 1.8rem 2.4rem; } app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button mat-icon.mat-icon, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button mat-icon.mat-icon, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button mat-icon.mat-icon, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button mat-icon.mat-icon, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button mat-icon.mat-icon svg, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button mat-icon.mat-icon svg, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button mat-icon.mat-icon svg, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button mat-icon.mat-icon svg, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button .mat-icon + span, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button .mat-icon + span, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button .mat-icon + span, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button .mat-icon + span, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button .mat-icon + span { margin-right: 2px; } app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button span:has(+ .mat-icon), app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button span:has(+ .mat-icon), app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button span:has(+ .mat-icon), app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button span:has(+ .mat-icon), app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button span:has(+ .mat-icon) { margin-left: 2px; } } app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button:hover, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button:hover, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button:hover, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button:hover, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button:hover, app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button.cdk-keyboard-focused, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button.cdk-keyboard-focused, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button.cdk-keyboard-focused, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button.cdk-keyboard-focused, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button:hover .mat-icon, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button:hover .mat-icon, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button:hover .mat-icon, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button:hover .mat-icon, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button:hover .mat-icon, app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button.cdk-keyboard-focused .mat-icon, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button.cdk-keyboard-focused .mat-icon, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button.cdk-keyboard-focused .mat-icon, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button.cdk-keyboard-focused .mat-icon, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button.cdk-keyboard-focused .mat-icon { color: !important; } app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button:active, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button:active, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button:active, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button:active, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button:active .mat-icon, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button:active .mat-icon, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button:active .mat-icon, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button:active .mat-icon, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button:active .mat-icon { color: !important; } app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button[disabled], app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled], app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled], app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled], app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button[disabled] .mat-icon, app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled] .mat-icon, app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled] .mat-icon, app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled] .mat-icon, app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled] .mat-icon { color: #989CA4 !important; } app-corpus-root .center > .content fuse-corpus-file-list .add-resource-button[disabled], app-corpus-root app-multi-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled], app-multi-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled], app-corpus-root app-single-graph-view app-errors-graph .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled], app-single-graph-view app-errors-graph app-corpus-root .no-data-container > .content fuse-corpus-file-list .add-resource-button[disabled] { border: none; } fuse-corpus-file-list .corpus-file-list__container { row-gap: 1.8rem; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__banner-info { margin: 0 0.8rem; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; align-self: flex-end; margin: 0 0.8rem; font-size: 1.4rem; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button .mat-icon + span { margin-right: 2px; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button span:has(+ .mat-icon) { margin-left: 2px; } } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button:hover, fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button:hover .mat-icon, fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button:active .mat-icon { color: #000 !important; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button[disabled] .mat-icon { color: #989CA4 !important; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filter-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__filters { margin: 0 0.8rem !important; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__content { margin-left: 0.8rem; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__content table.mat-mdc-table tr.mat-mdc-row:hover, fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__content table.mat-mdc-table tr.mat-mdc-row.selected { color: #000; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__content table.mat-mdc-table tr.mat-mdc-row:hover td.mat-mdc-cell, fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__content table.mat-mdc-table tr.mat-mdc-row:hover td.mat-mdc-footer-cell, fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__content table.mat-mdc-table tr.mat-mdc-row.selected td.mat-mdc-cell, fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__content table.mat-mdc-table tr.mat-mdc-row.selected td.mat-mdc-footer-cell { color: inherit; } fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__content table.mat-mdc-table tr.mat-mdc-row:hover td.mat-mdc-cell .mat-icon, fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__content table.mat-mdc-table tr.mat-mdc-row:hover td.mat-mdc-footer-cell .mat-icon, fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__content table.mat-mdc-table tr.mat-mdc-row.selected td.mat-mdc-cell .mat-icon, fuse-corpus-file-list .corpus-file-list__container .corpus-file-list__content table.mat-mdc-table tr.mat-mdc-row.selected td.mat-mdc-footer-cell .mat-icon { color: var(--bje-rouge); } fuse-corpus-file-list table.mat-mdc-table tr.mat-mdc-row.selected { position: relative; border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: var(--milan-vert); } fuse-corpus-file-list table.mat-mdc-table tr.mat-mdc-row.selected:after { content: " "; display: block; position: absolute; right: -8px; width: 15px; height: 100%; background-color: var(--milan-vert); } fuse-corpus-file-list table.mat-mdc-table tr.mat-mdc-row.selected td:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } fuse-corpus-file-list table.mat-mdc-table tr td:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } fuse-corpus-file-list table.mat-mdc-table tr td:first-child .mat-icon { display: inline-block; } fuse-corpus-file-list table.mat-mdc-table tr td:first-child .mat-icon svg { width: 100%; height: auto; } fuse-corpus-file-list table.mat-mdc-table tr td:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } app-corpus-root .page-layout.simple.left-sidebar > .sidebar.locked-open, app-corpus-root .page-layout.simple.right-sidebar > .sidebar.locked-open { background-color: var(--milan-vert); color: #000; } app-corpus-root fuse-corpus-details-sidenav .content .header { flex: none; } app-corpus-root fuse-corpus-details-sidenav .content .mat-icon { font-size: 33px; width: 33px; height: 33px; min-width: 33px; min-height: 33px; line-height: 33px; padding: 2px; border-radius: 5px; background-color: #ffed00; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); } app-corpus-root fuse-corpus-details-sidenav .content .mat-icon svg path { background-color: transparent; } app-corpus-root fuse-corpus-details-sidenav .preview { border: none; } app-corpus-root fuse-corpus-details-sidenav .preview .mat-icon { flex: none; } app-corpus-root fuse-corpus-details-sidenav .preview .mat-icon svg { width: 100%; height: auto; } app-corpus-root fuse-corpus-details-sidenav .groups-and-workGroups-list::after { content: ", "; } app-corpus-root fuse-corpus-details-sidenav .groups-and-workGroups-list:last-child::after { content: ""; } dashboard .page-layout.simple.fullwidth > .content > div { height: 100%; padding: 0 20px 20px 20px; } dashboard .page-layout.simple.fullwidth > .content > div > .dash-widget-wrapper-parent { padding: 20px; } dashboard .page-layout.simple.fullwidth > .content > div > .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-recommendation { order: 2; flex: 1 100%; padding-bottom: 20px; } dashboard .page-layout.simple.fullwidth > .content > div > .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-recommendation .mat-mdc-card-header { display: none !important; } dashboard .page-layout.simple.fullwidth > .content > div > .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-news { order: 1; } dashboard .page-layout.simple.fullwidth > .content > div > .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-news .news-list { font-size: 24px; font-weight: 400; text-align: center; } dashboard .page-layout.simple.fullwidth > .content > div > .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-group.assignments-widget-Group { order: 3; gap: 20px; } dashboard .page-layout.simple.fullwidth > .content > div > .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-group.assignments-widget-Group .dash-widget-assignments { margin: 0 !important; flex: 1; } dashboard .page-layout.simple.fullwidth > .content > div > .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-group.assignments-widget-Group .dash-widget-assignments-closed { width: auto !important; flex: 1; } dashboard .page-layout.simple.fullwidth > .header { height: auto; justify-content: center !important; } dashboard .page-layout.simple.fullwidth > .header H2 { font-size: 38px; } dashboard .dash-widget-wrapper-parent { place-content: stretch flex-start !important; align-items: stretch !important; } dashboard .dash-widget-wrapper-parent .mat-accordion > .mat-expansion-panel-spacing:last-child, dashboard .dash-widget-wrapper-parent .mat-accordion > :last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing { margin-bottom: 40px; } dashboard .dash-widget-wrapper-parent .mat-expansion-panel-body { max-height: 300px; overflow: auto; padding: 0 15px; } dashboard .dash-widget-wrapper-parent .dash-widget-group { flex-direction: row !important; flex-wrap: wrap !important; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .assignments-widget-Group { width: 100%; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .assignments-widget-Group .dash-widget-assignments { width: calc(50% - 20px); } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .assignments-widget-Group .dash-widget-assignments:nth-child(odd) { margin-right: 40px; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .assignments-widget-Group .dash-widget-assignments.dash-widget-assignments-closed { width: 100%; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-news { flex: 1 1 100%; width: 70%; padding: 0 15% 20px 15%; min-width: 500px; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-news.news-list-length-0 { display: none; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-news mat-card-header { display: none !important; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-news app-widget-news > mat-icon { position: absolute; top: -10px; right: -10px; color: #ffed00; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-news app-widget-news > mat-icon circle { fill: white; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-news app-widget-news .news-list { padding: 20px; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-news app-widget-news .news-list > * { padding: 5px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-news app-widget-news .news-list > * button { border-radius: 0; } dashboard .dash-widget-wrapper-parent .dash-widget-wrapper .dash-widget-group { align-items: self-start; flex: 1 1 100%; } .mat-column-nickname, .mat-column-pseudo, .mat-column-username { max-width: 160px; } app-group, app-workgroup, app-learner { min-height: 50vh; } app-group .mat-mdc-row.groups-list__banner-info:not(.mat-no-data-row):hover, app-workgroup .mat-mdc-row.groups-list__banner-info:not(.mat-no-data-row):hover, app-learner .mat-mdc-row.groups-list__banner-info:not(.mat-no-data-row):hover { cursor: default; background-color: inherit; } app-group .mat-mdc-row.groups-list__banner-info > .mat-cell, app-workgroup .mat-mdc-row.groups-list__banner-info > .mat-cell, app-learner .mat-mdc-row.groups-list__banner-info > .mat-cell { padding-inline: 1.8rem; } app-group .mat-column-code p { background-color: #ebebeb; display: inline-block; margin: 0; padding: 8px 27px; color: white; border-radius: 1.5em; text-transform: uppercase; } app-users-import mat-form-field { width: -moz-fit-content; width: fit-content; min-width: 100%; } app-users-import mat-form-field .mat-form-field-wrapper { padding-bottom: 11px; } app-users-import mat-form-field .mat-form-field-label-wrapper { overflow: inherit; } app-graph-group-management .selected-exercice { color: #9e9e9e; font-family: "Staatliches", Arial, sans-serif; } app-graph-group-management .statistics-button { margin-left: auto !important; } fuse-groups-list > .page-layout { max-height: 100%; } fuse-groups-list > .page-layout .groups-list__toolbar mat-toolbar-row mat-form-field mat-chip-grid mat-chip-row mat-icon[svgicon=cross] { transform: scale(0.8); } fuse-groups-list > .page-layout > .content { flex: unset !important; } tr fuse-groups-list > .page-layout > .content { flex: none; } .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-content form .mat-form-field-label { font: 500 14px/16px var(--typo1), var(--typo2), sans-serif; color: #000; } .id-groups-form-dialog .mat-mdc-chip.mat-mdc-standard-chip .mat-icon { background-color: transparent; color: white; opacity: 1; } .id-groups-form-dialog .chip-read-only { visibility: hidden; } .groups-inline-modal .id-groups-form-dialog .mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-disabled, #groups-list-table .id-groups-form-dialog .mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-disabled { opacity: 1; } .groups-inline-modal .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button .mat-icon, #groups-list-table .id-groups-form-dialog .dialog-content-wrapper .mat-mdc-dialog-actions button .mat-icon { color: #000; display: flex; align-items: center; justify-content: center; } #groups-list-table table tbody .mat-row-editing, #groups-list-table table tbody .mat-row-editing:hover { box-shadow: none; background: linear-gradient(180deg, rgba(50, 58, 73, 0) 0%, rgba(50, 58, 73, 0.2) 100%); } #groups-list-table .groups-inline-modal-learner table tbody tr:hover .mat-mdc-cell { color: #FFF; } app-graph-group-management { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; } app-graph-group-management .mat-mdc-tab-links { justify-content: center; } app-graph-group-management .mat-mdc-tab-links button { text-transform: uppercase; color: #15213F; } app-graph-group-management .mat-mdc-tab-nav-bar { border-bottom: none; } app-graph-group-management .mat-mdc-tab-nav-bar.mat-primary .mdc-tab-indicator__content { background-color: #ffed00; } app-graph-group-management .action-button { padding: 5px; } app-graph-group-management .action-button button { min-height: 36px; padding: 5px 20px; border-radius: 2em; background-color: #ffed00; font-weight: 700; color: white; text-transform: uppercase; } app-graph-group-management .action-button button span { width: 10em; white-space: normal; line-height: 1.1em; } app-multi-graph-view, app-single-graph-view { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; } app-multi-graph-view .graphs-are-not-available, app-single-graph-view .graphs-are-not-available { width: 100%; justify-content: center; text-align: center; margin-top: 25%; } app-multi-graph-view .mat-mdc-tab-nav-bar, app-single-graph-view .mat-mdc-tab-nav-bar { border-bottom: none; } app-multi-graph-view .mat-mdc-tab-nav-bar.mat-primary .mdc-tab-indicator__content, app-single-graph-view .mat-mdc-tab-nav-bar.mat-primary .mdc-tab-indicator__content { background-color: #ffed00; } app-multi-graph-view .mat-mdc-tab-nav-bar .mat-mdc-tab-links, app-single-graph-view .mat-mdc-tab-nav-bar .mat-mdc-tab-links { justify-content: center; } app-multi-graph-view .mat-mdc-tab-nav-bar .mat-mdc-tab-links button, app-single-graph-view .mat-mdc-tab-nav-bar .mat-mdc-tab-links button { text-transform: uppercase; color: #15213F; } app-multi-graph-view .filters mat-form-field.mat-mdc-form-field, app-single-graph-view .filters mat-form-field.mat-mdc-form-field { padding-right: 15px; padding-left: 5px; max-width: 42%; } app-multi-graph-view .graph-wrapper, app-single-graph-view .graph-wrapper { position: relative; } app-multi-graph-view app-level-graph .graph-level, app-single-graph-view app-level-graph .graph-level { display: flex; height: 100%; flex-direction: row; max-height: 100%; flex: 1; } @media screen and (max-width: 959px) { app-multi-graph-view app-level-graph .graph-level, app-single-graph-view app-level-graph .graph-level { flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; overflow: scroll; } } app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper { flex: 1 1 100%; max-width: 55%; padding: 48px 20px 0 20px; } @media screen and (max-width: 959px) { app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper { flex: none; padding-bottom: 20px; width: 100%; max-width: 100%; } } app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph .graph-wrapper, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph .graph-wrapper { position: relative; } @media screen and (max-width: 959px) { app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph .graph-wrapper, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph .graph-wrapper { width: 100% !important; } } @media screen and (max-width: 959px) { app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph .graph-legend, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph .graph-legend { margin-left: 5%; } } @media screen and (max-width: 959px) { app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph .chartjs-render-monitor, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph .chartjs-render-monitor { width: 100% !important; } } app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend { list-style-type: none; padding: 0; margin: -21px 0 0 21px; display: flex; } app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li { display: flex; flex-direction: column; flex: 1; align-items: center; } app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li mat-icon.mat-icon, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li mat-icon.mat-icon { width: 42px; height: 42px; } app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li span, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li span { text-align: center; color: #000; font-weight: 700; } app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li.not_acquired, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li.not_acquired { color: rgba(236, 0, 140, 0.5); } app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li.to_do, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li.to_do { color: rgba(255, 140, 0, 0.5); } app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li.so_close, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li.so_close { color: rgba(0, 148, 242, 0.5); } app-multi-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li.acquired, app-single-graph-view app-level-graph .graph-level .graph-level-wrapper .graph-legend li.acquired { color: rgba(0, 178, 148, 0.5); } app-multi-graph-view app-level-graph .graph-level .details, app-single-graph-view app-level-graph .graph-level .details { flex: 1; max-width: 45%; padding: 0 10px; } @media screen and (max-width: 959px) { app-multi-graph-view app-level-graph .graph-level .details, app-single-graph-view app-level-graph .graph-level .details { max-width: 100%; min-height: 580px; } } app-multi-graph-view app-level-graph .graph-level .details.column-0 th, app-multi-graph-view app-level-graph .graph-level .details.column-0 mat-toolbar, app-single-graph-view app-level-graph .graph-level .details.column-0 th, app-single-graph-view app-level-graph .graph-level .details.column-0 mat-toolbar { background-color: #f57fc5; } app-multi-graph-view app-level-graph .graph-level .details.column-1 th, app-multi-graph-view app-level-graph .graph-level .details.column-1 mat-toolbar, app-single-graph-view app-level-graph .graph-level .details.column-1 th, app-single-graph-view app-level-graph .graph-level .details.column-1 mat-toolbar { background-color: #ffc57f; } app-multi-graph-view app-level-graph .graph-level .details.column-2 th, app-multi-graph-view app-level-graph .graph-level .details.column-2 mat-toolbar, app-single-graph-view app-level-graph .graph-level .details.column-2 th, app-single-graph-view app-level-graph .graph-level .details.column-2 mat-toolbar { background-color: #7fc9f8; } app-multi-graph-view app-level-graph .graph-level .details.column-3 th, app-multi-graph-view app-level-graph .graph-level .details.column-3 mat-toolbar, app-single-graph-view app-level-graph .graph-level .details.column-3 th, app-single-graph-view app-level-graph .graph-level .details.column-3 mat-toolbar { background-color: #7fd8c9; } app-multi-graph-view app-level-graph .graph-level .details .mat-toolbar, app-single-graph-view app-level-graph .graph-level .details .mat-toolbar { border-radius: 5px; margin: 0 0 14px 8px; color: white; height: 32px; width: calc(100% - 27px); font-weight: 700; } app-multi-graph-view app-level-graph .graph-level .details .table-container, app-single-graph-view app-level-graph .graph-level .details .table-container { overflow: scroll; max-height: 55vh; position: relative; box-shadow: 0px 18px 0px 0px rgb(255, 255, 255) inset; -webkit-box-shadow: 0px 18px 0px 0px rgb(255, 255, 255) inset; -moz-box-shadow: 0px 18px 0px 0px rgb(255, 255, 255) inset; } app-multi-graph-view app-level-graph .graph-level .details .table-container table th.mat-mdc-header-cell, app-multi-graph-view app-level-graph .graph-level .details .table-container table td.mat-mdc-cell, app-single-graph-view app-level-graph .graph-level .details .table-container table th.mat-mdc-header-cell, app-single-graph-view app-level-graph .graph-level .details .table-container table td.mat-mdc-cell { text-align: center; border: none; } app-multi-graph-view app-level-graph .graph-level .details .table-container table thead .mat-mdc-header-cell, app-single-graph-view app-level-graph .graph-level .details .table-container table thead .mat-mdc-header-cell { font-weight: 700; top: 6px !important; box-shadow: 0px -20px 0px 0px #FFFFFF; } app-multi-graph-view app-level-graph .graph-level .details .table-container table tr, app-multi-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row, app-single-graph-view app-level-graph .graph-level .details .table-container table tr, app-single-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row { box-shadow: none; border-radius: 0; height: 48px; cursor: default; } app-multi-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-header-row, app-multi-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row.mat-mdc-header-row, app-single-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-header-row, app-single-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row.mat-mdc-header-row { height: 36px; } app-multi-graph-view app-level-graph .graph-level .details .table-container table tr td:first-child, app-multi-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row td:first-child, app-single-graph-view app-level-graph .graph-level .details .table-container table tr td:first-child, app-single-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row td:first-child { padding-left: 24px; } app-multi-graph-view app-level-graph .graph-level .details .table-container table tr td.mat-mdc-cell:last-of-type, app-multi-graph-view app-level-graph .graph-level .details .table-container table tr td.mat-mdc-footer-cell:last-of-type, app-multi-graph-view app-level-graph .graph-level .details .table-container table tr th.mat-mdc-header-cell:last-of-type, app-multi-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row td.mat-mdc-cell:last-of-type, app-multi-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row td.mat-mdc-footer-cell:last-of-type, app-multi-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row th.mat-mdc-header-cell:last-of-type, app-single-graph-view app-level-graph .graph-level .details .table-container table tr td.mat-mdc-cell:last-of-type, app-single-graph-view app-level-graph .graph-level .details .table-container table tr td.mat-mdc-footer-cell:last-of-type, app-single-graph-view app-level-graph .graph-level .details .table-container table tr th.mat-mdc-header-cell:last-of-type, app-single-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row td.mat-mdc-cell:last-of-type, app-single-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row td.mat-mdc-footer-cell:last-of-type, app-single-graph-view app-level-graph .graph-level .details .table-container table tr.mat-mdc-row th.mat-mdc-header-cell:last-of-type { padding-right: 8px; } app-multi-graph-view app-errors-graph .no-data-container, app-single-graph-view app-errors-graph .no-data-container { display: block; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); min-height: 100px; height: 100px; text-align: center; } app-multi-graph-view app-errors-graph app-graph-mixed, app-single-graph-view app-errors-graph app-graph-mixed { flex: 1; } app-multi-graph-view app-errors-graph .graph-errors, app-single-graph-view app-errors-graph .graph-errors { display: flex; height: 100%; flex-direction: row; max-height: 100%; flex: 1; } @media screen and (max-width: 959px) { app-multi-graph-view app-errors-graph .graph-errors, app-single-graph-view app-errors-graph .graph-errors { flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; overflow: scroll; } } @media screen and (max-width: 959px) { app-multi-graph-view app-errors-graph .graph-errors .graph .chartjs-render-monitor, app-single-graph-view app-errors-graph .graph-errors .graph .chartjs-render-monitor { width: 100% !important; } } app-multi-graph-view app-errors-graph .graph-errors .graph-wrapper, app-single-graph-view app-errors-graph .graph-errors .graph-wrapper { position: relative; } @media screen and (max-width: 959px) { app-multi-graph-view app-errors-graph .graph-errors .graph-wrapper, app-single-graph-view app-errors-graph .graph-errors .graph-wrapper { width: 100% !important; } } app-multi-graph-view app-errors-graph .graph-errors .details, app-single-graph-view app-errors-graph .graph-errors .details { flex: 1; max-width: 45%; padding: 0 10px; } @media screen and (max-width: 959px) { app-multi-graph-view app-errors-graph .graph-errors .details, app-single-graph-view app-errors-graph .graph-errors .details { max-width: 100%; min-height: 580px; } } app-multi-graph-view app-errors-graph .graph-errors .details .mat-toolbar, app-single-graph-view app-errors-graph .graph-errors .details .mat-toolbar { border-radius: 5px; margin: 0 0 14px 8px; color: white; height: 32px; width: calc(100% - 27px); font-weight: 700; } app-multi-graph-view app-errors-graph .graph-errors .details .table-container, app-single-graph-view app-errors-graph .graph-errors .details .table-container { overflow: scroll; max-height: 55vh; position: relative; box-shadow: 0px 18px 0px 0px rgb(255, 255, 255) inset; -webkit-box-shadow: 0px 18px 0px 0px rgb(255, 255, 255) inset; -moz-box-shadow: 0px 18px 0px 0px rgb(255, 255, 255) inset; } app-multi-graph-view app-errors-graph .graph-errors .details .table-container table th.mat-mdc-header-cell, app-multi-graph-view app-errors-graph .graph-errors .details .table-container table td.mat-mdc-cell, app-single-graph-view app-errors-graph .graph-errors .details .table-container table th.mat-mdc-header-cell, app-single-graph-view app-errors-graph .graph-errors .details .table-container table td.mat-mdc-cell { text-align: center; border: none; } app-multi-graph-view app-errors-graph .graph-errors .details .table-container table thead .mat-mdc-header-cell, app-single-graph-view app-errors-graph .graph-errors .details .table-container table thead .mat-mdc-header-cell { font-weight: 700; top: 6px !important; box-shadow: 0px -20px 0px 0px #FFFFFF; } app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr, app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row { box-shadow: none; border-radius: 0; height: 48px; cursor: default; } app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-header-row, app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row.mat-mdc-header-row, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-header-row, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row.mat-mdc-header-row { height: 36px; } app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr td:first-child, app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row td:first-child, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr td:first-child, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row td:first-child { padding-left: 24px; } app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr td.mat-mdc-cell:last-of-type, app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr td.mat-mdc-footer-cell:last-of-type, app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr th.mat-mdc-header-cell:last-of-type, app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row td.mat-mdc-cell:last-of-type, app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row td.mat-mdc-footer-cell:last-of-type, app-multi-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row th.mat-mdc-header-cell:last-of-type, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr td.mat-mdc-cell:last-of-type, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr td.mat-mdc-footer-cell:last-of-type, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr th.mat-mdc-header-cell:last-of-type, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row td.mat-mdc-cell:last-of-type, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row td.mat-mdc-footer-cell:last-of-type, app-single-graph-view app-errors-graph .graph-errors .details .table-container table tr.mat-mdc-row th.mat-mdc-header-cell:last-of-type { padding-right: 8px; } app-multi-graph-view app-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip, app-multi-graph-view app-own-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip, app-single-graph-view app-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip, app-single-graph-view app-own-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip { margin-left: 15px; background-color: #ffed00; } app-multi-graph-view app-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip.mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-disabled, app-multi-graph-view app-own-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip.mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-disabled, app-single-graph-view app-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip.mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-disabled, app-single-graph-view app-own-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip.mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-disabled { opacity: 1; } app-multi-graph-view app-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip span, app-multi-graph-view app-own-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip span, app-single-graph-view app-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip span, app-single-graph-view app-own-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip span { margin: 0 2px; } app-multi-graph-view app-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip span:nth-child(even), app-multi-graph-view app-own-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip span:nth-child(even), app-single-graph-view app-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip span:nth-child(even), app-single-graph-view app-own-progress-graph .mdc-evolution-chip-set__chips .mat-mdc-standard-chip.challenge-chip span:nth-child(even) { font-weight: bold; } app-multi-graph-view app-attendance-graph mat-spinner, app-single-graph-view app-attendance-graph mat-spinner { margin: auto; margin-top: 15%; } app-multi-graph-view app-statistics-graph, app-single-graph-view app-statistics-graph { height: 100%; } app-multi-graph-view app-statistics-graph > div, app-single-graph-view app-statistics-graph > div { height: 100%; } app-multi-graph-view app-fake-stepper .states, app-single-graph-view app-fake-stepper .states { position: relative; max-width: 100%; min-height: 150px; overflow: hidden; } app-multi-graph-view app-fake-stepper .states .state, app-single-graph-view app-fake-stepper .states .state { margin-top: 2px; position: absolute; } info-graph #tooltip .tooltips mat-card-header, app-graph-details-modal #tooltip .tooltips mat-card-header { color: black; } app-faq-list .filters app-search-filters { width: 100%; } app-faq-list .filters app-search-filters .mat-mdc-form-field { max-width: 200px; } fuse-edit-profile-forms .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix { padding-left: 0.6rem; padding-right: 0.6rem; } fuse-edit-profile-forms .mat-mdc-form-field:is(.fuse-edit-profile-forms__password-field) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix { display: flex; gap: 0.6rem; } fuse-edit-profile-forms .mat-mdc-form-field:is(.fuse-edit-profile-forms__password-field) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix button { padding: unset; background-color: unset; color: #000; border: unset; } /* * ************** FIGMA VARIABLES ***************** */ :root { --padding-lateral-viewport: 16px; --gap-vertical-viewport: 10px; } /* * ************** VARIABLES PRECEDENTES ***************** */ :root { --activities-width: 80%; --max-small-device: 70%; } /** * The abstracts/ folder gathers all Sass tools and helpers used across the project. Every global variable, function, mixin and placeholder should be put in here. The rule of thumb for this folder is that it should not output a single line of CSS when compiled on its own. These are nothing but Sass helpers. */ .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } *:focus-visible:not(input), .cdk-keyboard-focused { outline: 2px auto Highlight !important; outline: 2px auto -webkit-focus-ring-color !important; } a:focus-visible:not(.nav-link) { outline-offset: 0.4em; } .mat-mdc-option:not(.mat-mdc-option-disabled).mat-mdc-option-active { outline: 2px solid black; outline-offset: -2px; } .mat-mdc-option:not(.mat-mdc-option-disabled).mdc-list-item--selected { color: black !important; } #login .mat-mdc-form-field.mat-focused .mat-mdc-form-field-flex, #register .mat-mdc-form-field.mat-focused .mat-mdc-form-field-flex { outline: 2px auto Highlight !important; outline: 2px auto -webkit-focus-ring-color !important; } #login .mat-mdc-form-field.mat-focused .mat-mdc-form-field-flex .mat-mdc-select, #register .mat-mdc-form-field.mat-focused .mat-mdc-form-field-flex .mat-mdc-select { outline: none !important; } #skiptocontent a { position: absolute; z-index: 100; top: -40px; left: 0; padding: 6px; background-color: #BF1722; color: white; border-right: 1px solid white; border-bottom: 1px solid white; border-bottom-right-radius: 8px; transition: top 200ms ease-in-out; } #skiptocontent a:focus { top: 0; outline-color: transparent; } /** * /assets////nom_asset.ext * Les assets peuvent être organisés par modules et appelé depuis le css (background) ou depuis le html d'un composant. */ /* xs: 0, sm: 600px, md: 960px, lg: 1280px, xl: 1920px */ /* V */ /*______ V ______|_____V______*/ /*______ V ______|_____V______*/ /*______ V ______|____________*/ default, .invisible { display: none; } /* ... */ /** * Common style for matching typologies (e.g. order-matching and text-matching). */ /** * Common style for radio groups displaying Net Promoter Score (e.g. inside nps and feedback-dialog components). */ /** * Common style for components displaying progress data, start button and search button related to onboarding (e.g. inside home-page and first-time-user-experience-step-two components). */ /** * Common style for tool lists (e.g. bd-list, mindmap-list, notepad-list and gamecode-list components). */ /** * Common style for tool cards (e.g. bd-card, mindmap-card, notepad-card and gamecode-card components). */ /** * The base/ folder holds what we might call the boilerplate code for the project. In there, you might find the reset file, some typographic rules, and probably a stylesheet defining some standard styles for commonly used HTML elements (that I like to call _base.scss). */ @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-thin.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-thinitalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-thinitalic.ttf") format("truetype"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-extralight.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-extralight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-extralightitalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-extralightitalic.ttf") format("truetype"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-light.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-lightitalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-lightitalic.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-regular.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-italic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-medium.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-mediumitalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-mediumitalic.ttf") format("truetype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-semibold.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-semibolditalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-semibolditalic.ttf") format("truetype"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-bold.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-bolditalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-bolditalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-extrabold.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-extrabold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-extrabolditalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-extrabolditalic.ttf") format("truetype"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-black.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-blackitalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-blackitalic.ttf") format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-thin.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-thinitalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-thinitalic.ttf") format("truetype"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-extralight.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-extralight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-extralightitalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-extralightitalic.ttf") format("truetype"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-light.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-lightitalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-lightitalic.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-regular.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-italic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-medium.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-mediumitalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-mediumitalic.ttf") format("truetype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-semibold.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-semibolditalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-semibolditalic.ttf") format("truetype"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-bold.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-bolditalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-bolditalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-extrabold.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-extrabold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-extrabolditalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-extrabolditalic.ttf") format("truetype"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-black.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "lato"; src: url("/assets/cycle-1-tne-canope/fonts/lato/lato-blackitalic.woff2") format("woff2"), url("/assets/cycle-1-tne-canope/fonts/lato/lato-blackitalic.ttf") format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } html { font-size: 10px; } body { font: 400 14px / 1.4 var(--typo1), "Helvetica Neue", Arial, sans-serif; color: var(--text, #006AA6); } html, body { display: flex; flex: 1 0 auto; width: 100%; height: 100%; max-height: 100%; min-height: 100%; margin: 0; padding: 0; overflow: hidden; color: var(--text, #006AA6); background-color: var(--appbackground, #FFF); } h1, .h1 { font: 400 24px / 32px var(--typo1), "Helvetica Neue", Arial, sans-serif; } h2, .h2 { font: 700 24px / 28px var(--typo1); } h3, .h3 { font: 400 16px / 28px var(--typo1), "Helvetica Neue", Arial, sans-serif; } h4, .h4 { font: 500 14px / 22px var(--typo1), "Helvetica Neue", Arial, sans-serif; } b, .bold { font: 400 14px / 20px var(--typo1), "Helvetica Neue", Arial, sans-serif; } caption, .caption { font: 400 12px / 20px var(--typo1), "Helvetica Neue", Arial, sans-serif; } button, .button { font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; cursor: pointer; } a { cursor: pointer; } video { width: 100%; height: auto; } .page-layout { flex: 1; display: flex; flex-direction: column; overflow: auto; } content, .content { flex: 1; display: flex; flex-direction: column; overflow: auto; } router-outlet + *:not(router-outlet) { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; overflow: auto; } /** * For smaller components, there is the components/ folder. While layout/ is macro (defining the global wireframe), components/ is more focused on widgets. It contains all kind of specific modules like a slider, a loader, a widget, and basically anything along those lines. There are usually a lot of files in components/ since the whole site/application should be mostly composed of tiny modules. */ mat-icon.mat-icon { display: flex; justify-content: center; align-items: center; flex: 0 0 24px; width: 24px; min-width: 24px; height: 24px; min-height: 24px; } mat-icon.mat-icon svg { width: 24px; min-width: 24px; height: 24px; min-height: 24px; } .bem-header__btn-menu__icon { width: 32px; height: 32px; } .bem-header__btn-menu__icon[role=button] { display: flex; justify-content: center; width: auto; height: auto; } /* **1 - Quand l'icone n'est pas encapsulé dans un bouton :( mais fait fonction. Le svg est définit pour être flexible */ /** * Even though this style sheet manages the style of four different components (UserReviewComponent and UserReviewMobileComponent, both inside the plateform and the app), it is placed in the Activities module for convenience. Be careful because any style changes will impact each of the above-mentioned components. */ .user-review-bottom-sheet-wrapper .mat-bottom-sheet-container, .user-review-bottom-sheet-wrapper .mat-mdc-dialog-surface, .user-review-dialog-wrapper .mat-bottom-sheet-container, .user-review-dialog-wrapper .mat-mdc-dialog-surface { display: contents !important; } app-user-review, app-user-review-mobile { overflow: hidden; display: unset !important; max-height: 80vh; color: #000; background-color: #FFF; line-height: 1.2; } .user-review-bottom-sheet-wrapper app-user-review, .user-review-bottom-sheet-wrapper app-user-review-mobile { width: 100vw; border-radius: 24px 24px 0 0; } .user-review-dialog-wrapper app-user-review, .user-review-dialog-wrapper app-user-review-mobile { border-radius: 18px; } app-user-review .user-review, app-user-review-mobile .user-review { overflow: auto; display: flex; flex-direction: column; gap: 2.4rem; width: min-content; max-width: 100%; max-height: 100%; margin: 0 auto; padding: 4.2rem 3.6rem 3.6rem; } @media screen and (min-width: 960px) { app-user-review .user-review, app-user-review-mobile .user-review { padding: 3.6rem 3.6rem 2.4rem; } } app-user-review .user-review .user-review__header .user-review__title, app-user-review-mobile .user-review .user-review__header .user-review__title { margin: unset; text-align: center; font-size: 2rem; font-weight: 800; line-height: inherit; text-wrap: balance; } app-user-review .user-review .user-review__content, app-user-review-mobile .user-review .user-review__content { display: flex; justify-content: center; align-items: center; gap: 1.2rem; } app-user-review .user-review .user-review__content button, app-user-review-mobile .user-review .user-review__content button { display: flex; justify-content: center; align-items: center; width: 7.8rem; height: auto; aspect-ratio: 1; margin: unset; padding: 0.6rem; background-color: unset; border: 2px solid; border-radius: 18px; box-shadow: unset; transition: color 100ms ease-in-out, background-color 100ms ease-in-out, border-color 100ms ease-in-out; } @media screen and (min-width: 960px) { app-user-review .user-review .user-review__content button, app-user-review-mobile .user-review .user-review__content button { width: auto; height: 7.8rem; aspect-ratio: 3/2; } } app-user-review .user-review .user-review__content button mat-icon, app-user-review-mobile .user-review .user-review__content button mat-icon { flex: none; width: 4.2rem; min-width: unset; height: auto; min-height: unset; } app-user-review .user-review .user-review__content button mat-icon svg, app-user-review-mobile .user-review .user-review__content button mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-user-review .user-review .user-review__content button.user-review__very-dissatisfied-button, app-user-review-mobile .user-review .user-review__content button.user-review__very-dissatisfied-button { color: #C32C2C; border-color: #EB6F76; } app-user-review .user-review .user-review__content button.user-review__very-dissatisfied-button:hover, app-user-review-mobile .user-review .user-review__content button.user-review__very-dissatisfied-button:hover { border-color: #C32C2C; } app-user-review .user-review .user-review__content button.user-review__very-dissatisfied-button:active, app-user-review-mobile .user-review .user-review__content button.user-review__very-dissatisfied-button:active { color: #FFF; background-color: #C32C2C; border-color: #C32C2C; } app-user-review .user-review .user-review__content button.user-review__dissatisfied-button, app-user-review-mobile .user-review .user-review__content button.user-review__dissatisfied-button { color: #B26216; border-color: #F1943D; } app-user-review .user-review .user-review__content button.user-review__dissatisfied-button:hover, app-user-review-mobile .user-review .user-review__content button.user-review__dissatisfied-button:hover { border-color: #B26216; } app-user-review .user-review .user-review__content button.user-review__dissatisfied-button:active, app-user-review-mobile .user-review .user-review__content button.user-review__dissatisfied-button:active { color: #FFF; background-color: #B26216; border-color: #B26216; } app-user-review .user-review .user-review__content button.user-review__satisfied-button, app-user-review-mobile .user-review .user-review__content button.user-review__satisfied-button { color: #887617; border-color: #EDC600; } app-user-review .user-review .user-review__content button.user-review__satisfied-button:hover, app-user-review-mobile .user-review .user-review__content button.user-review__satisfied-button:hover { border-color: #887617; } app-user-review .user-review .user-review__content button.user-review__satisfied-button:active, app-user-review-mobile .user-review .user-review__content button.user-review__satisfied-button:active { color: #FFF; background-color: #887617; border-color: #887617; } app-user-review .user-review .user-review__content button.user-review__very-satisfied-button, app-user-review-mobile .user-review .user-review__content button.user-review__very-satisfied-button { color: #24883D; border-color: #8AC89A; } app-user-review .user-review .user-review__content button.user-review__very-satisfied-button:hover, app-user-review-mobile .user-review .user-review__content button.user-review__very-satisfied-button:hover { border-color: #24883D; } app-user-review .user-review .user-review__content button.user-review__very-satisfied-button:active, app-user-review-mobile .user-review .user-review__content button.user-review__very-satisfied-button:active { color: #FFF; background-color: #24883D; border-color: #24883D; } app-user-review .user-review .user-review__footer, app-user-review-mobile .user-review .user-review__footer { display: flex; justify-content: center; } app-user-review .user-review .user-review__footer .user-review__skip-button, app-user-review-mobile .user-review .user-review__footer .user-review__skip-button { margin: unset; padding: 0.6rem 1.2rem; color: #5D5D5D; background-color: unset; border: unset; box-shadow: unset; font-size: 1.4rem; font-weight: 600; line-height: inherit; transition: color 100ms ease-in-out; } app-user-review .user-review .user-review__footer .user-review__skip-button:hover, app-user-review .user-review .user-review__footer .user-review__skip-button:focus, app-user-review .user-review .user-review__footer .user-review__skip-button:active, app-user-review-mobile .user-review .user-review__footer .user-review__skip-button:hover, app-user-review-mobile .user-review .user-review__footer .user-review__skip-button:focus, app-user-review-mobile .user-review .user-review__footer .user-review__skip-button:active { color: inherit; } .activities-card video { display: flex; flex-direction: column; justify-content: flex-start; width: auto; max-width: 100%; max-height: 50vh; } .activities-card app-shared-video { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; width: -moz-fit-content; width: fit-content; } .activities-card app-zoomable { margin-bottom: 4px; color: var(--tertiarylabel, #006AA6); background-color: var(--tertiarybackground, #F7E6EC); border: 2px solid var(--tertiaryborder, #F0D0DB); box-shadow: 0px 4px 0px 0px var(--tertiaryborder, #F0D0DB); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; padding: clamp(5px, 0.38vw + 2.73px, 10px); position: absolute; z-index: 3; bottom: 0.5rem; right: 0.5rem; width: auto; height: auto; border-radius: 8px; } .activities-card app-zoomable mat-icon.mat-icon, .activities-card app-zoomable .mdc-label { color: var(--tertiaryicon, #B10745); } .activities-card app-zoomable:hover, .activities-card app-zoomable:focus { background-color: var(--tertiarybackground--hover, #FFF2F2); } .activities-card app-zoomable:active, .activities-card app-zoomable[disabled], .activities-card app-zoomable.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } .activities-card app-zoomable:active { background-color: var(--tertiarybackground--active, #F0D0DB); border: 2px solid var(--tertiaryborder--active, #F7E6EC); } .activities-card app-zoomable[disabled], .activities-card app-zoomable.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } .activities-card button { margin-bottom: 4px; color: var(--secondarylabel, #B10745); background-color: var(--secondarybackground, #FFF); border: 2px solid var(--secondarylabel, #B10745); box-shadow: 0px 4px 0px 0px var(--secondarylabel, #B10745); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; margin-inline: 0; } .activities-card button mat-icon.mat-icon, .activities-card button .mdc-label { color: inherit; } .activities-card button:hover, .activities-card button:focus { background-color: var(--secondarybackground--hover, #FFF); } .activities-card button:active, .activities-card button[disabled], .activities-card button.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } .activities-card button:active { background-color: var(--secondarybackground--active, #F7E6EC); } .activities-card button[disabled], .activities-card button.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } .activities-card mat-card-footer button:not(.button-audio) { gap: clamp(40px, 3.03vw + 21.82px, 80px); } .app-flashcard-wrapper, .available-answers, .checkbox-group, #container-for-answers-selected { flex: none; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; width: 100%; min-height: 0; margin: 0 auto auto auto !important; } .app-flashcard-wrapper.answers-counting-1, .app-flashcard-wrapper.answers-counting-2, .available-answers.answers-counting-1, .available-answers.answers-counting-2, .checkbox-group.answers-counting-1, .checkbox-group.answers-counting-2, #container-for-answers-selected.answers-counting-1, #container-for-answers-selected.answers-counting-2 { grid-template-rows: 1fr; } .app-flashcard-wrapper.answers-counting-1, .available-answers.answers-counting-1, .checkbox-group.answers-counting-1, #container-for-answers-selected.answers-counting-1 { grid-template-columns: 1fr; max-width: min(var(--max-small-device), 70vh); } .app-flashcard-wrapper.answers-counting-2, .available-answers.answers-counting-2, .checkbox-group.answers-counting-2, #container-for-answers-selected.answers-counting-2 { max-width: var(--max-small-device); } .app-flashcard-wrapper.answers-counting-3, .app-flashcard-wrapper.answers-counting-4, .available-answers.answers-counting-3, .available-answers.answers-counting-4, .checkbox-group.answers-counting-3, .checkbox-group.answers-counting-4, #container-for-answers-selected.answers-counting-3, #container-for-answers-selected.answers-counting-4 { grid-template-rows: repeat(2, minmax(0, 1fr)); max-width: 100vh; } @media screen and (max-height: 600px) { .app-flashcard-wrapper.answers-counting-3, .app-flashcard-wrapper.answers-counting-4, .available-answers.answers-counting-3, .available-answers.answers-counting-4, .checkbox-group.answers-counting-3, .checkbox-group.answers-counting-4, #container-for-answers-selected.answers-counting-3, #container-for-answers-selected.answers-counting-4 { max-width: 50vh; } } @media (min-width: 600px) and (min-height: 599px) { .app-flashcard-wrapper.answers-counting-3, .app-flashcard-wrapper.answers-counting-4, .available-answers.answers-counting-3, .available-answers.answers-counting-4, .checkbox-group.answers-counting-3, .checkbox-group.answers-counting-4, #container-for-answers-selected.answers-counting-3, #container-for-answers-selected.answers-counting-4 { max-width: 90vh; } } .app-flashcard-wrapper.answers-counting-5, .app-flashcard-wrapper.answers-counting-6, .available-answers.answers-counting-5, .available-answers.answers-counting-6, .checkbox-group.answers-counting-5, .checkbox-group.answers-counting-6, #container-for-answers-selected.answers-counting-5, #container-for-answers-selected.answers-counting-6 { max-width: 70vh; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; height: auto; } @media (min-width: 600px) { .app-flashcard-wrapper.answers-counting-5, .app-flashcard-wrapper.answers-counting-6, .available-answers.answers-counting-5, .available-answers.answers-counting-6, .checkbox-group.answers-counting-5, .checkbox-group.answers-counting-6, #container-for-answers-selected.answers-counting-5, #container-for-answers-selected.answers-counting-6 { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; max-width: 100%; max-height: initial; height: auto; } } @media (min-width: 1280px) { .app-flashcard-wrapper.answers-counting-5, .app-flashcard-wrapper.answers-counting-6, .available-answers.answers-counting-5, .available-answers.answers-counting-6, .checkbox-group.answers-counting-5, .checkbox-group.answers-counting-6, #container-for-answers-selected.answers-counting-5, #container-for-answers-selected.answers-counting-6 { max-width: 160vh; } } .app-flashcard-wrapper.answers-counting-7, .app-flashcard-wrapper.answers-counting-8, .available-answers.answers-counting-7, .available-answers.answers-counting-8, .checkbox-group.answers-counting-7, .checkbox-group.answers-counting-8, #container-for-answers-selected.answers-counting-7, #container-for-answers-selected.answers-counting-8 { grid-template-rows: 1fr 1fr 1fr 1fr; max-width: 54vh; } @media (min-width: 600px) { .app-flashcard-wrapper.answers-counting-7, .app-flashcard-wrapper.answers-counting-8, .available-answers.answers-counting-7, .available-answers.answers-counting-8, .checkbox-group.answers-counting-7, .checkbox-group.answers-counting-8, #container-for-answers-selected.answers-counting-7, #container-for-answers-selected.answers-counting-8 { grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto auto auto auto; max-width: 100%; max-height: 34vh; } } @media (min-width: 1280px) { .app-flashcard-wrapper.answers-counting-7, .app-flashcard-wrapper.answers-counting-8, .available-answers.answers-counting-7, .available-answers.answers-counting-8, .checkbox-group.answers-counting-7, .checkbox-group.answers-counting-8, #container-for-answers-selected.answers-counting-7, #container-for-answers-selected.answers-counting-8 { max-width: 220vh; } } .app-flashcard-wrapper > div, .available-answers > div, .checkbox-group > div, #container-for-answers-selected > div { display: flex; aspect-ratio: 16/9; justify-content: center; } .app-flashcard-wrapper > div label, .available-answers > div label, .checkbox-group > div label, #container-for-answers-selected > div label { display: flex; align-items: center; } @media (min-width: 600px) { consign + .app-flashcard-wrapper, consign + .available-answers, consign + .checkbox-group, consign + #container-for-answers-selected { max-width: 80vh; } } @media (min-width: 600px) { .app-flashcard-wrapper, .available-answers, .checkbox-group, #container-for-answers-selected { max-width: var(--max-small-device); } } app-flashcard, .available-answers button, .available-answers .answer, .available-answers .button-image, .available-answers .order-matching__audio-button, .available-answers .qcu__audio-button, .checkbox-group mat-checkbox, .checkbox-group .button-image, .checkbox-group .qcm__audio-button, #container-for-answers-selected > div, .even-answers button, .odd-answers button, .guessing-item, app-memory-find-zone .memory-find-zone__button { margin-bottom: 4px; color: var(--primarylabel, #FFF); background-color: var(--primarybackground, #B10745); border: 2px solid var(--primaryborder, #4B001C); box-shadow: 0px 4px 0px 0px var(--primaryborder, #4B001C); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; position: relative; flex: 1; flex-direction: column; justify-content: center; height: auto; min-height: 30px; aspect-ratio: 16/9; } app-flashcard mat-icon.mat-icon, app-flashcard .mdc-label, .available-answers button mat-icon.mat-icon, .available-answers button .mdc-label, .available-answers .answer mat-icon.mat-icon, .available-answers .answer .mdc-label, .available-answers .button-image mat-icon.mat-icon, .available-answers .button-image .mdc-label, .available-answers .order-matching__audio-button mat-icon.mat-icon, .available-answers .order-matching__audio-button .mdc-label, .available-answers .qcu__audio-button mat-icon.mat-icon, .available-answers .qcu__audio-button .mdc-label, .checkbox-group mat-checkbox mat-icon.mat-icon, .checkbox-group mat-checkbox .mdc-label, .checkbox-group .button-image mat-icon.mat-icon, .checkbox-group .button-image .mdc-label, .checkbox-group .qcm__audio-button mat-icon.mat-icon, .checkbox-group .qcm__audio-button .mdc-label, #container-for-answers-selected > div mat-icon.mat-icon, #container-for-answers-selected > div .mdc-label, .even-answers button mat-icon.mat-icon, .even-answers button .mdc-label, .odd-answers button mat-icon.mat-icon, .odd-answers button .mdc-label, .guessing-item mat-icon.mat-icon, .guessing-item .mdc-label, app-memory-find-zone .memory-find-zone__button mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button .mdc-label { color: inherit; } app-flashcard:hover, app-flashcard:focus, .available-answers button:hover, .available-answers button:focus, .available-answers .answer:hover, .available-answers .answer:focus, .available-answers .button-image:hover, .available-answers .button-image:focus, .available-answers .order-matching__audio-button:hover, .available-answers .order-matching__audio-button:focus, .available-answers .qcu__audio-button:hover, .available-answers .qcu__audio-button:focus, .checkbox-group mat-checkbox:hover, .checkbox-group mat-checkbox:focus, .checkbox-group .button-image:hover, .checkbox-group .button-image:focus, .checkbox-group .qcm__audio-button:hover, .checkbox-group .qcm__audio-button:focus, #container-for-answers-selected > div:hover, #container-for-answers-selected > div:focus, .even-answers button:hover, .even-answers button:focus, .odd-answers button:hover, .odd-answers button:focus, .guessing-item:hover, .guessing-item:focus, app-memory-find-zone .memory-find-zone__button:hover, app-memory-find-zone .memory-find-zone__button:focus { background-color: var(--primarybackground--hover, #C9084F); } app-flashcard:active, app-flashcard[disabled], app-flashcard.mat-mdc-checkbox-disabled, .available-answers button:active, .available-answers button[disabled], .available-answers button.mat-mdc-checkbox-disabled, .available-answers .answer:active, .available-answers .answer[disabled], .available-answers .answer.mat-mdc-checkbox-disabled, .available-answers .button-image:active, .available-answers .button-image[disabled], .available-answers .button-image.mat-mdc-checkbox-disabled, .available-answers .order-matching__audio-button:active, .available-answers .order-matching__audio-button[disabled], .available-answers .order-matching__audio-button.mat-mdc-checkbox-disabled, .available-answers .qcu__audio-button:active, .available-answers .qcu__audio-button[disabled], .available-answers .qcu__audio-button.mat-mdc-checkbox-disabled, .checkbox-group mat-checkbox:active, .checkbox-group mat-checkbox[disabled], .checkbox-group mat-checkbox.mat-mdc-checkbox-disabled, .checkbox-group .button-image:active, .checkbox-group .button-image[disabled], .checkbox-group .button-image.mat-mdc-checkbox-disabled, .checkbox-group .qcm__audio-button:active, .checkbox-group .qcm__audio-button[disabled], .checkbox-group .qcm__audio-button.mat-mdc-checkbox-disabled, #container-for-answers-selected > div:active, #container-for-answers-selected > div[disabled], #container-for-answers-selected > div.mat-mdc-checkbox-disabled, .even-answers button:active, .even-answers button[disabled], .even-answers button.mat-mdc-checkbox-disabled, .odd-answers button:active, .odd-answers button[disabled], .odd-answers button.mat-mdc-checkbox-disabled, .guessing-item:active, .guessing-item[disabled], .guessing-item.mat-mdc-checkbox-disabled, app-memory-find-zone .memory-find-zone__button:active, app-memory-find-zone .memory-find-zone__button[disabled], app-memory-find-zone .memory-find-zone__button.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } app-flashcard:active, .available-answers button:active, .available-answers .answer:active, .available-answers .button-image:active, .available-answers .order-matching__audio-button:active, .available-answers .qcu__audio-button:active, .checkbox-group mat-checkbox:active, .checkbox-group .button-image:active, .checkbox-group .qcm__audio-button:active, #container-for-answers-selected > div:active, .even-answers button:active, .odd-answers button:active, .guessing-item:active, app-memory-find-zone .memory-find-zone__button:active { color: var(--primarylabel--contrast, #FFF); background-color: var(--primaryborder, #4B001C); border: 2px solid var(--primarybackground, #B10745); } app-flashcard[disabled], app-flashcard.mat-mdc-checkbox-disabled, .available-answers button[disabled], .available-answers button.mat-mdc-checkbox-disabled, .available-answers .answer[disabled], .available-answers .answer.mat-mdc-checkbox-disabled, .available-answers .button-image[disabled], .available-answers .button-image.mat-mdc-checkbox-disabled, .available-answers .order-matching__audio-button[disabled], .available-answers .order-matching__audio-button.mat-mdc-checkbox-disabled, .available-answers .qcu__audio-button[disabled], .available-answers .qcu__audio-button.mat-mdc-checkbox-disabled, .checkbox-group mat-checkbox[disabled], .checkbox-group mat-checkbox.mat-mdc-checkbox-disabled, .checkbox-group .button-image[disabled], .checkbox-group .button-image.mat-mdc-checkbox-disabled, .checkbox-group .qcm__audio-button[disabled], .checkbox-group .qcm__audio-button.mat-mdc-checkbox-disabled, #container-for-answers-selected > div[disabled], #container-for-answers-selected > div.mat-mdc-checkbox-disabled, .even-answers button[disabled], .even-answers button.mat-mdc-checkbox-disabled, .odd-answers button[disabled], .odd-answers button.mat-mdc-checkbox-disabled, .guessing-item[disabled], .guessing-item.mat-mdc-checkbox-disabled, app-memory-find-zone .memory-find-zone__button[disabled], app-memory-find-zone .memory-find-zone__button.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } app-flashcard:where(.mat-mdc-checkbox):has(input:focus-visible), .available-answers button:where(.mat-mdc-checkbox):has(input:focus-visible), .available-answers .answer:where(.mat-mdc-checkbox):has(input:focus-visible), .available-answers .button-image:where(.mat-mdc-checkbox):has(input:focus-visible), .available-answers .order-matching__audio-button:where(.mat-mdc-checkbox):has(input:focus-visible), .available-answers .qcu__audio-button:where(.mat-mdc-checkbox):has(input:focus-visible), .checkbox-group mat-checkbox:where(.mat-mdc-checkbox):has(input:focus-visible), .checkbox-group .button-image:where(.mat-mdc-checkbox):has(input:focus-visible), .checkbox-group .qcm__audio-button:where(.mat-mdc-checkbox):has(input:focus-visible), #container-for-answers-selected > div:where(.mat-mdc-checkbox):has(input:focus-visible), .even-answers button:where(.mat-mdc-checkbox):has(input:focus-visible), .odd-answers button:where(.mat-mdc-checkbox):has(input:focus-visible), .guessing-item:where(.mat-mdc-checkbox):has(input:focus-visible), app-memory-find-zone .memory-find-zone__button:where(.mat-mdc-checkbox):has(input:focus-visible) { outline: 2px auto Highlight !important; outline: 2px auto -webkit-focus-ring-color !important; } app-flashcard:where(.mat-mdc-checkbox) .mdc-form-field, .available-answers button:where(.mat-mdc-checkbox) .mdc-form-field, .available-answers .answer:where(.mat-mdc-checkbox) .mdc-form-field, .available-answers .button-image:where(.mat-mdc-checkbox) .mdc-form-field, .available-answers .order-matching__audio-button:where(.mat-mdc-checkbox) .mdc-form-field, .available-answers .qcu__audio-button:where(.mat-mdc-checkbox) .mdc-form-field, .checkbox-group mat-checkbox:where(.mat-mdc-checkbox) .mdc-form-field, .checkbox-group .button-image:where(.mat-mdc-checkbox) .mdc-form-field, .checkbox-group .qcm__audio-button:where(.mat-mdc-checkbox) .mdc-form-field, #container-for-answers-selected > div:where(.mat-mdc-checkbox) .mdc-form-field, .even-answers button:where(.mat-mdc-checkbox) .mdc-form-field, .odd-answers button:where(.mat-mdc-checkbox) .mdc-form-field, .guessing-item:where(.mat-mdc-checkbox) .mdc-form-field, app-memory-find-zone .memory-find-zone__button:where(.mat-mdc-checkbox) .mdc-form-field { color: inherit; font-size: inherit; font-weight: inherit; white-space: normal; } app-flashcard:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, app-flashcard:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, app-flashcard:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, .available-answers button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, .available-answers button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .available-answers button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, .available-answers .answer:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, .available-answers .answer:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .available-answers .answer:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, .available-answers .button-image:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, .available-answers .button-image:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .available-answers .button-image:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, .available-answers .order-matching__audio-button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, .available-answers .order-matching__audio-button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .available-answers .order-matching__audio-button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, .available-answers .qcu__audio-button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, .available-answers .qcu__audio-button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .available-answers .qcu__audio-button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, .checkbox-group mat-checkbox:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, .checkbox-group mat-checkbox:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .checkbox-group mat-checkbox:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, .checkbox-group .button-image:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, .checkbox-group .button-image:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .checkbox-group .button-image:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, .checkbox-group .qcm__audio-button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, .checkbox-group .qcm__audio-button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .checkbox-group .qcm__audio-button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, #container-for-answers-selected > div:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, #container-for-answers-selected > div:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, #container-for-answers-selected > div:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, .even-answers button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, .even-answers button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .even-answers button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, .odd-answers button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, .odd-answers button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .odd-answers button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, .guessing-item:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, .guessing-item:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .guessing-item:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator, app-memory-find-zone .memory-find-zone__button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple, app-memory-find-zone .memory-find-zone__button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mdc-checkbox__background, app-memory-find-zone .memory-find-zone__button:where(.mat-mdc-checkbox) .mdc-form-field .mdc-checkbox .mat-mdc-focus-indicator { display: none; } app-flashcard > mat-icon.mat-icon, .available-answers button > mat-icon.mat-icon, .available-answers .answer > mat-icon.mat-icon, .available-answers .button-image > mat-icon.mat-icon, .available-answers .order-matching__audio-button > mat-icon.mat-icon, .available-answers .qcu__audio-button > mat-icon.mat-icon, .checkbox-group mat-checkbox > mat-icon.mat-icon, .checkbox-group .button-image > mat-icon.mat-icon, .checkbox-group .qcm__audio-button > mat-icon.mat-icon, #container-for-answers-selected > div > mat-icon.mat-icon, .even-answers button > mat-icon.mat-icon, .odd-answers button > mat-icon.mat-icon, .guessing-item > mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button > mat-icon.mat-icon { width: 45px; height: 45px; min-width: 45px; min-height: 45px; } app-flashcard > mat-icon.mat-icon svg, .available-answers button > mat-icon.mat-icon svg, .available-answers .answer > mat-icon.mat-icon svg, .available-answers .button-image > mat-icon.mat-icon svg, .available-answers .order-matching__audio-button > mat-icon.mat-icon svg, .available-answers .qcu__audio-button > mat-icon.mat-icon svg, .checkbox-group mat-checkbox > mat-icon.mat-icon svg, .checkbox-group .button-image > mat-icon.mat-icon svg, .checkbox-group .qcm__audio-button > mat-icon.mat-icon svg, #container-for-answers-selected > div > mat-icon.mat-icon svg, .even-answers button > mat-icon.mat-icon svg, .odd-answers button > mat-icon.mat-icon svg, .guessing-item > mat-icon.mat-icon svg, app-memory-find-zone .memory-find-zone__button > mat-icon.mat-icon svg { width: 100%; height: 100%; } app-flashcard > mat-icon.mat-icon[data-mat-icon-name=editor-play], app-flashcard > mat-icon.mat-icon[svgIcon=equalizer], .available-answers button > mat-icon.mat-icon[data-mat-icon-name=editor-play], .available-answers button > mat-icon.mat-icon[svgIcon=equalizer], .available-answers .answer > mat-icon.mat-icon[data-mat-icon-name=editor-play], .available-answers .answer > mat-icon.mat-icon[svgIcon=equalizer], .available-answers .button-image > mat-icon.mat-icon[data-mat-icon-name=editor-play], .available-answers .button-image > mat-icon.mat-icon[svgIcon=equalizer], .available-answers .order-matching__audio-button > mat-icon.mat-icon[data-mat-icon-name=editor-play], .available-answers .order-matching__audio-button > mat-icon.mat-icon[svgIcon=equalizer], .available-answers .qcu__audio-button > mat-icon.mat-icon[data-mat-icon-name=editor-play], .available-answers .qcu__audio-button > mat-icon.mat-icon[svgIcon=equalizer], .checkbox-group mat-checkbox > mat-icon.mat-icon[data-mat-icon-name=editor-play], .checkbox-group mat-checkbox > mat-icon.mat-icon[svgIcon=equalizer], .checkbox-group .button-image > mat-icon.mat-icon[data-mat-icon-name=editor-play], .checkbox-group .button-image > mat-icon.mat-icon[svgIcon=equalizer], .checkbox-group .qcm__audio-button > mat-icon.mat-icon[data-mat-icon-name=editor-play], .checkbox-group .qcm__audio-button > mat-icon.mat-icon[svgIcon=equalizer], #container-for-answers-selected > div > mat-icon.mat-icon[data-mat-icon-name=editor-play], #container-for-answers-selected > div > mat-icon.mat-icon[svgIcon=equalizer], .even-answers button > mat-icon.mat-icon[data-mat-icon-name=editor-play], .even-answers button > mat-icon.mat-icon[svgIcon=equalizer], .odd-answers button > mat-icon.mat-icon[data-mat-icon-name=editor-play], .odd-answers button > mat-icon.mat-icon[svgIcon=equalizer], .guessing-item > mat-icon.mat-icon[data-mat-icon-name=editor-play], .guessing-item > mat-icon.mat-icon[svgIcon=equalizer], app-memory-find-zone .memory-find-zone__button > mat-icon.mat-icon[data-mat-icon-name=editor-play], app-memory-find-zone .memory-find-zone__button > mat-icon.mat-icon[svgIcon=equalizer] { width: inherit; height: inherit; min-width: inherit; min-height: inherit; flex: 1; } app-flashcard > mat-icon.mat-icon + span, .available-answers button > mat-icon.mat-icon + span, .available-answers .answer > mat-icon.mat-icon + span, .available-answers .button-image > mat-icon.mat-icon + span, .available-answers .order-matching__audio-button > mat-icon.mat-icon + span, .available-answers .qcu__audio-button > mat-icon.mat-icon + span, .checkbox-group mat-checkbox > mat-icon.mat-icon + span, .checkbox-group .button-image > mat-icon.mat-icon + span, .checkbox-group .qcm__audio-button > mat-icon.mat-icon + span, #container-for-answers-selected > div > mat-icon.mat-icon + span, .even-answers button > mat-icon.mat-icon + span, .odd-answers button > mat-icon.mat-icon + span, .guessing-item > mat-icon.mat-icon + span, app-memory-find-zone .memory-find-zone__button > mat-icon.mat-icon + span { text-transform: uppercase; } app-flashcard audio, .available-answers button audio, .available-answers .answer audio, .available-answers .button-image audio, .available-answers .order-matching__audio-button audio, .available-answers .qcu__audio-button audio, .checkbox-group mat-checkbox audio, .checkbox-group .button-image audio, .checkbox-group .qcm__audio-button audio, #container-for-answers-selected > div audio, .even-answers button audio, .odd-answers button audio, .guessing-item audio, app-memory-find-zone .memory-find-zone__button audio { display: none; } app-flashcard.selected:before, app-flashcard.is-selected:before, app-flashcard.incorrect:before, app-flashcard.correct:before, app-flashcard.was-correct:before, app-flashcard.currently-correct:before, app-flashcard.is-audio:before, app-flashcard.is-playing:before, .available-answers button.selected:before, .available-answers button.is-selected:before, .available-answers button.incorrect:before, .available-answers button.correct:before, .available-answers button.was-correct:before, .available-answers button.currently-correct:before, .available-answers button.is-audio:before, .available-answers button.is-playing:before, .available-answers .answer.selected:before, .available-answers .answer.is-selected:before, .available-answers .answer.incorrect:before, .available-answers .answer.correct:before, .available-answers .answer.was-correct:before, .available-answers .answer.currently-correct:before, .available-answers .answer.is-audio:before, .available-answers .answer.is-playing:before, .available-answers .button-image.selected:before, .available-answers .button-image.is-selected:before, .available-answers .button-image.incorrect:before, .available-answers .button-image.correct:before, .available-answers .button-image.was-correct:before, .available-answers .button-image.currently-correct:before, .available-answers .button-image.is-audio:before, .available-answers .button-image.is-playing:before, .available-answers .order-matching__audio-button.selected:before, .available-answers .order-matching__audio-button.is-selected:before, .available-answers .order-matching__audio-button.incorrect:before, .available-answers .order-matching__audio-button.correct:before, .available-answers .order-matching__audio-button.was-correct:before, .available-answers .order-matching__audio-button.currently-correct:before, .available-answers .order-matching__audio-button.is-audio:before, .available-answers .order-matching__audio-button.is-playing:before, .available-answers .qcu__audio-button.selected:before, .available-answers .qcu__audio-button.is-selected:before, .available-answers .qcu__audio-button.incorrect:before, .available-answers .qcu__audio-button.correct:before, .available-answers .qcu__audio-button.was-correct:before, .available-answers .qcu__audio-button.currently-correct:before, .available-answers .qcu__audio-button.is-audio:before, .available-answers .qcu__audio-button.is-playing:before, .checkbox-group mat-checkbox.selected:before, .checkbox-group mat-checkbox.is-selected:before, .checkbox-group mat-checkbox.incorrect:before, .checkbox-group mat-checkbox.correct:before, .checkbox-group mat-checkbox.was-correct:before, .checkbox-group mat-checkbox.currently-correct:before, .checkbox-group mat-checkbox.is-audio:before, .checkbox-group mat-checkbox.is-playing:before, .checkbox-group .button-image.selected:before, .checkbox-group .button-image.is-selected:before, .checkbox-group .button-image.incorrect:before, .checkbox-group .button-image.correct:before, .checkbox-group .button-image.was-correct:before, .checkbox-group .button-image.currently-correct:before, .checkbox-group .button-image.is-audio:before, .checkbox-group .button-image.is-playing:before, .checkbox-group .qcm__audio-button.selected:before, .checkbox-group .qcm__audio-button.is-selected:before, .checkbox-group .qcm__audio-button.incorrect:before, .checkbox-group .qcm__audio-button.correct:before, .checkbox-group .qcm__audio-button.was-correct:before, .checkbox-group .qcm__audio-button.currently-correct:before, .checkbox-group .qcm__audio-button.is-audio:before, .checkbox-group .qcm__audio-button.is-playing:before, #container-for-answers-selected > div.selected:before, #container-for-answers-selected > div.is-selected:before, #container-for-answers-selected > div.incorrect:before, #container-for-answers-selected > div.correct:before, #container-for-answers-selected > div.was-correct:before, #container-for-answers-selected > div.currently-correct:before, #container-for-answers-selected > div.is-audio:before, #container-for-answers-selected > div.is-playing:before, .even-answers button.selected:before, .even-answers button.is-selected:before, .even-answers button.incorrect:before, .even-answers button.correct:before, .even-answers button.was-correct:before, .even-answers button.currently-correct:before, .even-answers button.is-audio:before, .even-answers button.is-playing:before, .odd-answers button.selected:before, .odd-answers button.is-selected:before, .odd-answers button.incorrect:before, .odd-answers button.correct:before, .odd-answers button.was-correct:before, .odd-answers button.currently-correct:before, .odd-answers button.is-audio:before, .odd-answers button.is-playing:before, .guessing-item.selected:before, .guessing-item.is-selected:before, .guessing-item.incorrect:before, .guessing-item.correct:before, .guessing-item.was-correct:before, .guessing-item.currently-correct:before, .guessing-item.is-audio:before, .guessing-item.is-playing:before, app-memory-find-zone .memory-find-zone__button.selected:before, app-memory-find-zone .memory-find-zone__button.is-selected:before, app-memory-find-zone .memory-find-zone__button.incorrect:before, app-memory-find-zone .memory-find-zone__button.correct:before, app-memory-find-zone .memory-find-zone__button.was-correct:before, app-memory-find-zone .memory-find-zone__button.currently-correct:before, app-memory-find-zone .memory-find-zone__button.is-audio:before, app-memory-find-zone .memory-find-zone__button.is-playing:before { position: absolute; z-index: 3; top: -10px; left: -10px; content: ""; width: 24px; height: 24px; display: flex; border-radius: 50%; color: var(--primarylabel-contrast, #fff); border: 2px solid var(--primaryborder, #4B001C); background: var(--appbackground, #FBF5F7); background-size: 16px; background-position: 50%; background-repeat: no-repeat; } app-flashcard.selected:active, app-flashcard.is-selected:active, app-flashcard.incorrect:active, app-flashcard.correct:active, app-flashcard.was-correct:active, app-flashcard.currently-correct:active, app-flashcard.is-audio:active, app-flashcard.is-playing:active, .available-answers button.selected:active, .available-answers button.is-selected:active, .available-answers button.incorrect:active, .available-answers button.correct:active, .available-answers button.was-correct:active, .available-answers button.currently-correct:active, .available-answers button.is-audio:active, .available-answers button.is-playing:active, .available-answers .answer.selected:active, .available-answers .answer.is-selected:active, .available-answers .answer.incorrect:active, .available-answers .answer.correct:active, .available-answers .answer.was-correct:active, .available-answers .answer.currently-correct:active, .available-answers .answer.is-audio:active, .available-answers .answer.is-playing:active, .available-answers .button-image.selected:active, .available-answers .button-image.is-selected:active, .available-answers .button-image.incorrect:active, .available-answers .button-image.correct:active, .available-answers .button-image.was-correct:active, .available-answers .button-image.currently-correct:active, .available-answers .button-image.is-audio:active, .available-answers .button-image.is-playing:active, .available-answers .order-matching__audio-button.selected:active, .available-answers .order-matching__audio-button.is-selected:active, .available-answers .order-matching__audio-button.incorrect:active, .available-answers .order-matching__audio-button.correct:active, .available-answers .order-matching__audio-button.was-correct:active, .available-answers .order-matching__audio-button.currently-correct:active, .available-answers .order-matching__audio-button.is-audio:active, .available-answers .order-matching__audio-button.is-playing:active, .available-answers .qcu__audio-button.selected:active, .available-answers .qcu__audio-button.is-selected:active, .available-answers .qcu__audio-button.incorrect:active, .available-answers .qcu__audio-button.correct:active, .available-answers .qcu__audio-button.was-correct:active, .available-answers .qcu__audio-button.currently-correct:active, .available-answers .qcu__audio-button.is-audio:active, .available-answers .qcu__audio-button.is-playing:active, .checkbox-group mat-checkbox.selected:active, .checkbox-group mat-checkbox.is-selected:active, .checkbox-group mat-checkbox.incorrect:active, .checkbox-group mat-checkbox.correct:active, .checkbox-group mat-checkbox.was-correct:active, .checkbox-group mat-checkbox.currently-correct:active, .checkbox-group mat-checkbox.is-audio:active, .checkbox-group mat-checkbox.is-playing:active, .checkbox-group .button-image.selected:active, .checkbox-group .button-image.is-selected:active, .checkbox-group .button-image.incorrect:active, .checkbox-group .button-image.correct:active, .checkbox-group .button-image.was-correct:active, .checkbox-group .button-image.currently-correct:active, .checkbox-group .button-image.is-audio:active, .checkbox-group .button-image.is-playing:active, .checkbox-group .qcm__audio-button.selected:active, .checkbox-group .qcm__audio-button.is-selected:active, .checkbox-group .qcm__audio-button.incorrect:active, .checkbox-group .qcm__audio-button.correct:active, .checkbox-group .qcm__audio-button.was-correct:active, .checkbox-group .qcm__audio-button.currently-correct:active, .checkbox-group .qcm__audio-button.is-audio:active, .checkbox-group .qcm__audio-button.is-playing:active, #container-for-answers-selected > div.selected:active, #container-for-answers-selected > div.is-selected:active, #container-for-answers-selected > div.incorrect:active, #container-for-answers-selected > div.correct:active, #container-for-answers-selected > div.was-correct:active, #container-for-answers-selected > div.currently-correct:active, #container-for-answers-selected > div.is-audio:active, #container-for-answers-selected > div.is-playing:active, .even-answers button.selected:active, .even-answers button.is-selected:active, .even-answers button.incorrect:active, .even-answers button.correct:active, .even-answers button.was-correct:active, .even-answers button.currently-correct:active, .even-answers button.is-audio:active, .even-answers button.is-playing:active, .odd-answers button.selected:active, .odd-answers button.is-selected:active, .odd-answers button.incorrect:active, .odd-answers button.correct:active, .odd-answers button.was-correct:active, .odd-answers button.currently-correct:active, .odd-answers button.is-audio:active, .odd-answers button.is-playing:active, .guessing-item.selected:active, .guessing-item.is-selected:active, .guessing-item.incorrect:active, .guessing-item.correct:active, .guessing-item.was-correct:active, .guessing-item.currently-correct:active, .guessing-item.is-audio:active, .guessing-item.is-playing:active, app-memory-find-zone .memory-find-zone__button.selected:active, app-memory-find-zone .memory-find-zone__button.is-selected:active, app-memory-find-zone .memory-find-zone__button.incorrect:active, app-memory-find-zone .memory-find-zone__button.correct:active, app-memory-find-zone .memory-find-zone__button.was-correct:active, app-memory-find-zone .memory-find-zone__button.currently-correct:active, app-memory-find-zone .memory-find-zone__button.is-audio:active, app-memory-find-zone .memory-find-zone__button.is-playing:active { box-shadow: none; transform: translateY(4px); } app-flashcard.is-audio:before, .available-answers button.is-audio:before, .available-answers .answer.is-audio:before, .available-answers .button-image.is-audio:before, .available-answers .order-matching__audio-button.is-audio:before, .available-answers .qcu__audio-button.is-audio:before, .checkbox-group mat-checkbox.is-audio:before, .checkbox-group .button-image.is-audio:before, .checkbox-group .qcm__audio-button.is-audio:before, #container-for-answers-selected > div.is-audio:before, .even-answers button.is-audio:before, .odd-answers button.is-audio:before, .guessing-item.is-audio:before, app-memory-find-zone .memory-find-zone__button.is-audio:before { background-image: url("/assets/cycle-1-tne-canope/activities/icons/volume_up_fill_700--variant.svg"); } app-flashcard.is-playing:before, .available-answers button.is-playing:before, .available-answers .answer.is-playing:before, .available-answers .button-image.is-playing:before, .available-answers .order-matching__audio-button.is-playing:before, .available-answers .qcu__audio-button.is-playing:before, .checkbox-group mat-checkbox.is-playing:before, .checkbox-group .button-image.is-playing:before, .checkbox-group .qcm__audio-button.is-playing:before, #container-for-answers-selected > div.is-playing:before, .even-answers button.is-playing:before, .odd-answers button.is-playing:before, .guessing-item.is-playing:before, app-memory-find-zone .memory-find-zone__button.is-playing:before { background-image: url("/assets/cycle-1-tne-canope/activities/icons/volume_up_fill_700--variant.svg") !important; } app-flashcard.button-order, .available-answers button.button-order, .available-answers .answer.button-order, .available-answers .button-image.button-order, .available-answers .order-matching__audio-button.button-order, .available-answers .qcu__audio-button.button-order, .checkbox-group mat-checkbox.button-order, .checkbox-group .button-image.button-order, .checkbox-group .qcm__audio-button.button-order, #container-for-answers-selected > div.button-order, .even-answers button.button-order, .odd-answers button.button-order, .guessing-item.button-order, app-memory-find-zone .memory-find-zone__button.button-order { margin-bottom: 4px; color: var(--secondarylabel, #B10745); background-color: var(--secondarybackground, #FFF); border: 2px solid var(--secondarylabel, #B10745); box-shadow: 0px 4px 0px 0px var(--secondarylabel, #B10745); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; justify-content: center; align-items: center; pointer-events: none; } app-flashcard.button-order mat-icon.mat-icon, app-flashcard.button-order .mdc-label, .available-answers button.button-order mat-icon.mat-icon, .available-answers button.button-order .mdc-label, .available-answers .answer.button-order mat-icon.mat-icon, .available-answers .answer.button-order .mdc-label, .available-answers .button-image.button-order mat-icon.mat-icon, .available-answers .button-image.button-order .mdc-label, .available-answers .order-matching__audio-button.button-order mat-icon.mat-icon, .available-answers .order-matching__audio-button.button-order .mdc-label, .available-answers .qcu__audio-button.button-order mat-icon.mat-icon, .available-answers .qcu__audio-button.button-order .mdc-label, .checkbox-group mat-checkbox.button-order mat-icon.mat-icon, .checkbox-group mat-checkbox.button-order .mdc-label, .checkbox-group .button-image.button-order mat-icon.mat-icon, .checkbox-group .button-image.button-order .mdc-label, .checkbox-group .qcm__audio-button.button-order mat-icon.mat-icon, .checkbox-group .qcm__audio-button.button-order .mdc-label, #container-for-answers-selected > div.button-order mat-icon.mat-icon, #container-for-answers-selected > div.button-order .mdc-label, .even-answers button.button-order mat-icon.mat-icon, .even-answers button.button-order .mdc-label, .odd-answers button.button-order mat-icon.mat-icon, .odd-answers button.button-order .mdc-label, .guessing-item.button-order mat-icon.mat-icon, .guessing-item.button-order .mdc-label, app-memory-find-zone .memory-find-zone__button.button-order mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button.button-order .mdc-label { color: inherit; } app-flashcard.button-order:hover, app-flashcard.button-order:focus, .available-answers button.button-order:hover, .available-answers button.button-order:focus, .available-answers .answer.button-order:hover, .available-answers .answer.button-order:focus, .available-answers .button-image.button-order:hover, .available-answers .button-image.button-order:focus, .available-answers .order-matching__audio-button.button-order:hover, .available-answers .order-matching__audio-button.button-order:focus, .available-answers .qcu__audio-button.button-order:hover, .available-answers .qcu__audio-button.button-order:focus, .checkbox-group mat-checkbox.button-order:hover, .checkbox-group mat-checkbox.button-order:focus, .checkbox-group .button-image.button-order:hover, .checkbox-group .button-image.button-order:focus, .checkbox-group .qcm__audio-button.button-order:hover, .checkbox-group .qcm__audio-button.button-order:focus, #container-for-answers-selected > div.button-order:hover, #container-for-answers-selected > div.button-order:focus, .even-answers button.button-order:hover, .even-answers button.button-order:focus, .odd-answers button.button-order:hover, .odd-answers button.button-order:focus, .guessing-item.button-order:hover, .guessing-item.button-order:focus, app-memory-find-zone .memory-find-zone__button.button-order:hover, app-memory-find-zone .memory-find-zone__button.button-order:focus { background-color: var(--secondarybackground--hover, #FFF); } app-flashcard.button-order:active, app-flashcard.button-order[disabled], app-flashcard.button-order.mat-mdc-checkbox-disabled, .available-answers button.button-order:active, .available-answers button.button-order[disabled], .available-answers button.button-order.mat-mdc-checkbox-disabled, .available-answers .answer.button-order:active, .available-answers .answer.button-order[disabled], .available-answers .answer.button-order.mat-mdc-checkbox-disabled, .available-answers .button-image.button-order:active, .available-answers .button-image.button-order[disabled], .available-answers .button-image.button-order.mat-mdc-checkbox-disabled, .available-answers .order-matching__audio-button.button-order:active, .available-answers .order-matching__audio-button.button-order[disabled], .available-answers .order-matching__audio-button.button-order.mat-mdc-checkbox-disabled, .available-answers .qcu__audio-button.button-order:active, .available-answers .qcu__audio-button.button-order[disabled], .available-answers .qcu__audio-button.button-order.mat-mdc-checkbox-disabled, .checkbox-group mat-checkbox.button-order:active, .checkbox-group mat-checkbox.button-order[disabled], .checkbox-group mat-checkbox.button-order.mat-mdc-checkbox-disabled, .checkbox-group .button-image.button-order:active, .checkbox-group .button-image.button-order[disabled], .checkbox-group .button-image.button-order.mat-mdc-checkbox-disabled, .checkbox-group .qcm__audio-button.button-order:active, .checkbox-group .qcm__audio-button.button-order[disabled], .checkbox-group .qcm__audio-button.button-order.mat-mdc-checkbox-disabled, #container-for-answers-selected > div.button-order:active, #container-for-answers-selected > div.button-order[disabled], #container-for-answers-selected > div.button-order.mat-mdc-checkbox-disabled, .even-answers button.button-order:active, .even-answers button.button-order[disabled], .even-answers button.button-order.mat-mdc-checkbox-disabled, .odd-answers button.button-order:active, .odd-answers button.button-order[disabled], .odd-answers button.button-order.mat-mdc-checkbox-disabled, .guessing-item.button-order:active, .guessing-item.button-order[disabled], .guessing-item.button-order.mat-mdc-checkbox-disabled, app-memory-find-zone .memory-find-zone__button.button-order:active, app-memory-find-zone .memory-find-zone__button.button-order[disabled], app-memory-find-zone .memory-find-zone__button.button-order.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } app-flashcard.button-order:active, .available-answers button.button-order:active, .available-answers .answer.button-order:active, .available-answers .button-image.button-order:active, .available-answers .order-matching__audio-button.button-order:active, .available-answers .qcu__audio-button.button-order:active, .checkbox-group mat-checkbox.button-order:active, .checkbox-group .button-image.button-order:active, .checkbox-group .qcm__audio-button.button-order:active, #container-for-answers-selected > div.button-order:active, .even-answers button.button-order:active, .odd-answers button.button-order:active, .guessing-item.button-order:active, app-memory-find-zone .memory-find-zone__button.button-order:active { background-color: var(--secondarybackground--active, #F7E6EC); } app-flashcard.button-order[disabled], app-flashcard.button-order.mat-mdc-checkbox-disabled, .available-answers button.button-order[disabled], .available-answers button.button-order.mat-mdc-checkbox-disabled, .available-answers .answer.button-order[disabled], .available-answers .answer.button-order.mat-mdc-checkbox-disabled, .available-answers .button-image.button-order[disabled], .available-answers .button-image.button-order.mat-mdc-checkbox-disabled, .available-answers .order-matching__audio-button.button-order[disabled], .available-answers .order-matching__audio-button.button-order.mat-mdc-checkbox-disabled, .available-answers .qcu__audio-button.button-order[disabled], .available-answers .qcu__audio-button.button-order.mat-mdc-checkbox-disabled, .checkbox-group mat-checkbox.button-order[disabled], .checkbox-group mat-checkbox.button-order.mat-mdc-checkbox-disabled, .checkbox-group .button-image.button-order[disabled], .checkbox-group .button-image.button-order.mat-mdc-checkbox-disabled, .checkbox-group .qcm__audio-button.button-order[disabled], .checkbox-group .qcm__audio-button.button-order.mat-mdc-checkbox-disabled, #container-for-answers-selected > div.button-order[disabled], #container-for-answers-selected > div.button-order.mat-mdc-checkbox-disabled, .even-answers button.button-order[disabled], .even-answers button.button-order.mat-mdc-checkbox-disabled, .odd-answers button.button-order[disabled], .odd-answers button.button-order.mat-mdc-checkbox-disabled, .guessing-item.button-order[disabled], .guessing-item.button-order.mat-mdc-checkbox-disabled, app-memory-find-zone .memory-find-zone__button.button-order[disabled], app-memory-find-zone .memory-find-zone__button.button-order.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } app-flashcard.button-order.pristine:after, .available-answers button.button-order.pristine:after, .available-answers .answer.button-order.pristine:after, .available-answers .button-image.button-order.pristine:after, .available-answers .order-matching__audio-button.button-order.pristine:after, .available-answers .qcu__audio-button.button-order.pristine:after, .checkbox-group mat-checkbox.button-order.pristine:after, .checkbox-group .button-image.button-order.pristine:after, .checkbox-group .qcm__audio-button.button-order.pristine:after, #container-for-answers-selected > div.button-order.pristine:after, .even-answers button.button-order.pristine:after, .odd-answers button.button-order.pristine:after, .guessing-item.button-order.pristine:after, app-memory-find-zone .memory-find-zone__button.button-order.pristine:after { content: "?"; position: absolute; z-index: 3; top: 0; right: 0; transform: rotate(15deg) translateY(-18%); font-size: clamp(6rem, 3.03vw + 4.18rem, 10rem); line-height: 1; } :not(.order-sentence) app-flashcard.button-order.pristine:after, :not(.order-sentence) .available-answers button.button-order.pristine:after, :not(.order-sentence) .available-answers .answer.button-order.pristine:after, :not(.order-sentence) .available-answers .button-image.button-order.pristine:after, :not(.order-sentence) .available-answers .order-matching__audio-button.button-order.pristine:after, :not(.order-sentence) .available-answers .qcu__audio-button.button-order.pristine:after, :not(.order-sentence) .checkbox-group mat-checkbox.button-order.pristine:after, :not(.order-sentence) .checkbox-group .button-image.button-order.pristine:after, :not(.order-sentence) .checkbox-group .qcm__audio-button.button-order.pristine:after, :not(.order-sentence) #container-for-answers-selected > div.button-order.pristine:after, :not(.order-sentence) .even-answers button.button-order.pristine:after, :not(.order-sentence) .odd-answers button.button-order.pristine:after, :not(.order-sentence) .guessing-item.button-order.pristine:after, :not(.order-sentence) app-memory-find-zone .memory-find-zone__button.button-order.pristine:after { display: block; } app-flashcard.button-order.pristine ~ .pristine:after, .available-answers button.button-order.pristine ~ .pristine:after, .available-answers .answer.button-order.pristine ~ .pristine:after, .available-answers .button-image.button-order.pristine ~ .pristine:after, .available-answers .order-matching__audio-button.button-order.pristine ~ .pristine:after, .available-answers .qcu__audio-button.button-order.pristine ~ .pristine:after, .checkbox-group mat-checkbox.button-order.pristine ~ .pristine:after, .checkbox-group .button-image.button-order.pristine ~ .pristine:after, .checkbox-group .qcm__audio-button.button-order.pristine ~ .pristine:after, #container-for-answers-selected > div.button-order.pristine ~ .pristine:after, .even-answers button.button-order.pristine ~ .pristine:after, .odd-answers button.button-order.pristine ~ .pristine:after, .guessing-item.button-order.pristine ~ .pristine:after, app-memory-find-zone .memory-find-zone__button.button-order.pristine ~ .pristine:after { display: none; } app-flashcard .button--inactive, .available-answers button .button--inactive, .available-answers .answer .button--inactive, .available-answers .button-image .button--inactive, .available-answers .order-matching__audio-button .button--inactive, .available-answers .qcu__audio-button .button--inactive, .checkbox-group mat-checkbox .button--inactive, .checkbox-group .button-image .button--inactive, .checkbox-group .qcm__audio-button .button--inactive, #container-for-answers-selected > div .button--inactive, .even-answers button .button--inactive, .odd-answers button .button--inactive, .guessing-item .button--inactive, app-memory-find-zone .memory-find-zone__button .button--inactive { pointer-events: none; } app-flashcard .button--inactive img, .available-answers button .button--inactive img, .available-answers .answer .button--inactive img, .available-answers .button-image .button--inactive img, .available-answers .order-matching__audio-button .button--inactive img, .available-answers .qcu__audio-button .button--inactive img, .checkbox-group mat-checkbox .button--inactive img, .checkbox-group .button-image .button--inactive img, .checkbox-group .qcm__audio-button .button--inactive img, #container-for-answers-selected > div .button--inactive img, .even-answers button .button--inactive img, .odd-answers button .button--inactive img, .guessing-item .button--inactive img, app-memory-find-zone .memory-find-zone__button .button--inactive img { border-radius: 9px; height: 100%; opacity: 1; } app-flashcard[disabled] > mat-icon.mat-icon, .available-answers button[disabled] > mat-icon.mat-icon, .available-answers .answer[disabled] > mat-icon.mat-icon, .available-answers .button-image[disabled] > mat-icon.mat-icon, .available-answers .order-matching__audio-button[disabled] > mat-icon.mat-icon, .available-answers .qcu__audio-button[disabled] > mat-icon.mat-icon, .checkbox-group mat-checkbox[disabled] > mat-icon.mat-icon, .checkbox-group .button-image[disabled] > mat-icon.mat-icon, .checkbox-group .qcm__audio-button[disabled] > mat-icon.mat-icon, #container-for-answers-selected > div[disabled] > mat-icon.mat-icon, .even-answers button[disabled] > mat-icon.mat-icon, .odd-answers button[disabled] > mat-icon.mat-icon, .guessing-item[disabled] > mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button[disabled] > mat-icon.mat-icon { color: var(--disabledstroke, #52758E); } app-flashcard.selected:before, app-flashcard.is-selected:before, .available-answers button.selected:before, .available-answers button.is-selected:before, .available-answers .answer.selected:before, .available-answers .answer.is-selected:before, .available-answers .button-image.selected:before, .available-answers .button-image.is-selected:before, .available-answers .order-matching__audio-button.selected:before, .available-answers .order-matching__audio-button.is-selected:before, .available-answers .qcu__audio-button.selected:before, .available-answers .qcu__audio-button.is-selected:before, .checkbox-group mat-checkbox.selected:before, .checkbox-group mat-checkbox.is-selected:before, .checkbox-group .button-image.selected:before, .checkbox-group .button-image.is-selected:before, .checkbox-group .qcm__audio-button.selected:before, .checkbox-group .qcm__audio-button.is-selected:before, #container-for-answers-selected > div.selected:before, #container-for-answers-selected > div.is-selected:before, .even-answers button.selected:before, .even-answers button.is-selected:before, .odd-answers button.selected:before, .odd-answers button.is-selected:before, .guessing-item.selected:before, .guessing-item.is-selected:before, app-memory-find-zone .memory-find-zone__button.selected:before, app-memory-find-zone .memory-find-zone__button.is-selected:before { background-image: url("/assets/cycle-1-tne-canope/activities/icons/circle_fill_700--default.svg"); } app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected { color: var(--primarylabel-contrast, #fff); border: 2px solid var(--primarybackground, #B10745); background: var(--primaryborder, #4B001C); box-shadow: 0px 4px 0px 0px var(--primarybackground, #B10745); } app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected:before, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected:before { border: 2px solid var(--primarybackground, #B10745); } app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).selected .mdc-label, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).is-selected .mdc-label { color: var(--primarylabel--contrast, #FFF); } app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect { color: var(--primarylabel-contrast, #fff); border: 2px solid var(--badanswerstroke, #52758E); background: var(--badanswerbackground, #000A10); box-shadow: 0px 4px 0px 0px var(--badanswerstroke, #52758E); } app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect .mdc-label { color: var(--primarylabel-contrast, #fff); } app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).incorrect:before { border: 2px solid var(--badanswerstroke, #52758E); background-image: url("/assets/cycle-1-tne-canope/activities/icons/close_fill_700--default.svg"); } app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct { color: var(--primarylabel-contrast, #fff); border: 2px solid var(--goodanswerstroke, #009E94); background: var(--goodanswerbackground, #027F77); box-shadow: 0px 4px 0px 0px var(--goodanswerstroke, #009E94); } app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct .mdc-label, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct .mdc-label, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct .mdc-label { color: var(--primarylabel-contrast, #fff); } app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, app-flashcard:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, .available-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, .available-answers .answer:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, .available-answers .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, .available-answers .order-matching__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, .available-answers .qcu__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, .checkbox-group mat-checkbox:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, .checkbox-group .button-image:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, .checkbox-group .qcm__audio-button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, #container-for-answers-selected > div:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, .even-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, .odd-answers button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, .guessing-item:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).correct:before, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).was-correct:before, app-memory-find-zone .memory-find-zone__button:not(app-awareness app-flashcard, app-awareness .available-answers button, app-awareness .available-answers .answer, app-awareness .available-answers .button-image, app-awareness .available-answers .order-matching__audio-button, app-awareness .available-answers .qcu__audio-button, app-awareness .checkbox-group mat-checkbox, app-awareness .checkbox-group .button-image, app-awareness .checkbox-group .qcm__audio-button, app-awareness #container-for-answers-selected > div, app-awareness .even-answers button, app-awareness .odd-answers button, app-awareness .guessing-item, app-awareness app-memory-find-zone .memory-find-zone__button).currently-correct:before { border: 2px solid var(--goodanswerstroke, #009E94); background-image: url("/assets/cycle-1-tne-canope/activities/icons/done_fill_700--default.svg"); } app-flashcard.to-hide, .available-answers button.to-hide, .available-answers .answer.to-hide, .available-answers .button-image.to-hide, .available-answers .order-matching__audio-button.to-hide, .available-answers .qcu__audio-button.to-hide, .checkbox-group mat-checkbox.to-hide, .checkbox-group .button-image.to-hide, .checkbox-group .qcm__audio-button.to-hide, #container-for-answers-selected > div.to-hide, .even-answers button.to-hide, .odd-answers button.to-hide, .guessing-item.to-hide, app-memory-find-zone .memory-find-zone__button.to-hide { border: 2px solid var(--disabledstroke, #52758E); box-shadow: none; transform: translateY(4px); } app-flashcard.to-hide:after, .available-answers button.to-hide:after, .available-answers .answer.to-hide:after, .available-answers .button-image.to-hide:after, .available-answers .order-matching__audio-button.to-hide:after, .available-answers .qcu__audio-button.to-hide:after, .checkbox-group mat-checkbox.to-hide:after, .checkbox-group .button-image.to-hide:after, .checkbox-group .qcm__audio-button.to-hide:after, #container-for-answers-selected > div.to-hide:after, .even-answers button.to-hide:after, .odd-answers button.to-hide:after, .guessing-item.to-hide:after, app-memory-find-zone .memory-find-zone__button.to-hide:after { content: "?"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -45%) rotate(15deg); color: var(--white, #FFF); -webkit-text-stroke: 2px var(--disabledstroke, #52758E); font-size: clamp(7rem, 3.03vw + 5.18rem, 11rem); line-height: 1; } app-flashcard.button-image, .available-answers button.button-image, .available-answers .answer.button-image, .available-answers .button-image.button-image, .available-answers .order-matching__audio-button.button-image, .available-answers .qcu__audio-button.button-image, .checkbox-group mat-checkbox.button-image, .checkbox-group .button-image.button-image, .checkbox-group .qcm__audio-button.button-image, #container-for-answers-selected > div.button-image, .even-answers button.button-image, .odd-answers button.button-image, .guessing-item.button-image, app-memory-find-zone .memory-find-zone__button.button-image { padding: 0; flex-direction: row; align-items: stretch; background-color: var(--white, #FFF); border-radius: 10px; } app-flashcard.button-image img, .available-answers button.button-image img, .available-answers .answer.button-image img, .available-answers .button-image.button-image img, .available-answers .order-matching__audio-button.button-image img, .available-answers .qcu__audio-button.button-image img, .checkbox-group mat-checkbox.button-image img, .checkbox-group .button-image.button-image img, .checkbox-group .qcm__audio-button.button-image img, #container-for-answers-selected > div.button-image img, .even-answers button.button-image img, .odd-answers button.button-image img, .guessing-item.button-image img, app-memory-find-zone .memory-find-zone__button.button-image img { width: 100%; height: auto; max-height: 100%; object-fit: contain; border-radius: 9px; } app-flashcard.button-image:hover, app-flashcard.button-image:active, .available-answers button.button-image:hover, .available-answers button.button-image:active, .available-answers .answer.button-image:hover, .available-answers .answer.button-image:active, .available-answers .button-image.button-image:hover, .available-answers .button-image.button-image:active, .available-answers .order-matching__audio-button.button-image:hover, .available-answers .order-matching__audio-button.button-image:active, .available-answers .qcu__audio-button.button-image:hover, .available-answers .qcu__audio-button.button-image:active, .checkbox-group mat-checkbox.button-image:hover, .checkbox-group mat-checkbox.button-image:active, .checkbox-group .button-image.button-image:hover, .checkbox-group .button-image.button-image:active, .checkbox-group .qcm__audio-button.button-image:hover, .checkbox-group .qcm__audio-button.button-image:active, #container-for-answers-selected > div.button-image:hover, #container-for-answers-selected > div.button-image:active, .even-answers button.button-image:hover, .even-answers button.button-image:active, .odd-answers button.button-image:hover, .odd-answers button.button-image:active, .guessing-item.button-image:hover, .guessing-item.button-image:active, app-memory-find-zone .memory-find-zone__button.button-image:hover, app-memory-find-zone .memory-find-zone__button.button-image:active { background-color: white; } app-flashcard.button-image:hover img, app-flashcard.button-image:active img, .available-answers button.button-image:hover img, .available-answers button.button-image:active img, .available-answers .answer.button-image:hover img, .available-answers .answer.button-image:active img, .available-answers .button-image.button-image:hover img, .available-answers .button-image.button-image:active img, .available-answers .order-matching__audio-button.button-image:hover img, .available-answers .order-matching__audio-button.button-image:active img, .available-answers .qcu__audio-button.button-image:hover img, .available-answers .qcu__audio-button.button-image:active img, .checkbox-group mat-checkbox.button-image:hover img, .checkbox-group mat-checkbox.button-image:active img, .checkbox-group .button-image.button-image:hover img, .checkbox-group .button-image.button-image:active img, .checkbox-group .qcm__audio-button.button-image:hover img, .checkbox-group .qcm__audio-button.button-image:active img, #container-for-answers-selected > div.button-image:hover img, #container-for-answers-selected > div.button-image:active img, .even-answers button.button-image:hover img, .even-answers button.button-image:active img, .odd-answers button.button-image:hover img, .odd-answers button.button-image:active img, .guessing-item.button-image:hover img, .guessing-item.button-image:active img, app-memory-find-zone .memory-find-zone__button.button-image:hover img, app-memory-find-zone .memory-find-zone__button.button-image:active img { opacity: 0.6; } app-flashcard.button-image:hover:after, app-flashcard.button-image:active:after, .available-answers button.button-image:hover:after, .available-answers button.button-image:active:after, .available-answers .answer.button-image:hover:after, .available-answers .answer.button-image:active:after, .available-answers .button-image.button-image:hover:after, .available-answers .button-image.button-image:active:after, .available-answers .order-matching__audio-button.button-image:hover:after, .available-answers .order-matching__audio-button.button-image:active:after, .available-answers .qcu__audio-button.button-image:hover:after, .available-answers .qcu__audio-button.button-image:active:after, .checkbox-group mat-checkbox.button-image:hover:after, .checkbox-group mat-checkbox.button-image:active:after, .checkbox-group .button-image.button-image:hover:after, .checkbox-group .button-image.button-image:active:after, .checkbox-group .qcm__audio-button.button-image:hover:after, .checkbox-group .qcm__audio-button.button-image:active:after, #container-for-answers-selected > div.button-image:hover:after, #container-for-answers-selected > div.button-image:active:after, .even-answers button.button-image:hover:after, .even-answers button.button-image:active:after, .odd-answers button.button-image:hover:after, .odd-answers button.button-image:active:after, .guessing-item.button-image:hover:after, .guessing-item.button-image:active:after, app-memory-find-zone .memory-find-zone__button.button-image:hover:after, app-memory-find-zone .memory-find-zone__button.button-image:active:after { background: rgba(var(--primaryborder-rgb), 0.25); } app-flashcard.button-image--inactive, .available-answers button.button-image--inactive, .available-answers .answer.button-image--inactive, .available-answers .button-image.button-image--inactive, .available-answers .order-matching__audio-button.button-image--inactive, .available-answers .qcu__audio-button.button-image--inactive, .checkbox-group mat-checkbox.button-image--inactive, .checkbox-group .button-image.button-image--inactive, .checkbox-group .qcm__audio-button.button-image--inactive, #container-for-answers-selected > div.button-image--inactive, .even-answers button.button-image--inactive, .odd-answers button.button-image--inactive, .guessing-item.button-image--inactive, app-memory-find-zone .memory-find-zone__button.button-image--inactive { pointer-events: none; } app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct { background-color: white; } app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: center; align-content: stretch; background: rgba(var(--primaryborder-rgb), 0.25); } app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).selected:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).is-selected:after { background: rgba(var(--primaryborder-rgb), 0.25); } app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).incorrect:after { background: rgba(0, 10, 16, 0.25); } app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, app-flashcard.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .available-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .available-answers .answer.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .available-answers .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .available-answers .order-matching__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .available-answers .qcu__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .checkbox-group mat-checkbox.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .checkbox-group .button-image.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .checkbox-group .qcm__audio-button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, #container-for-answers-selected > div.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .even-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .odd-answers button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, .guessing-item.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).correct:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).was-correct:after, app-memory-find-zone .memory-find-zone__button.button-image:not(app-awareness app-flashcard.button-image, app-awareness .available-answers button.button-image, app-awareness .available-answers .answer.button-image, app-awareness .available-answers .button-image.button-image, app-awareness .available-answers .order-matching__audio-button.button-image, app-awareness .available-answers .qcu__audio-button.button-image, app-awareness .checkbox-group mat-checkbox.button-image, app-awareness .checkbox-group .button-image.button-image, app-awareness .checkbox-group .qcm__audio-button.button-image, app-awareness #container-for-answers-selected > div.button-image, app-awareness .even-answers button.button-image, app-awareness .odd-answers button.button-image, app-awareness .guessing-item.button-image, app-awareness app-memory-find-zone .memory-find-zone__button.button-image).currently-correct:after { background: rgba(var(--goodanswerstroke-rgb), 0.25); } app-flashcard.button-image .action-buttons, .available-answers button.button-image .action-buttons, .available-answers .answer.button-image .action-buttons, .available-answers .button-image.button-image .action-buttons, .available-answers .order-matching__audio-button.button-image .action-buttons, .available-answers .qcu__audio-button.button-image .action-buttons, .checkbox-group mat-checkbox.button-image .action-buttons, .checkbox-group .button-image.button-image .action-buttons, .checkbox-group .qcm__audio-button.button-image .action-buttons, #container-for-answers-selected > div.button-image .action-buttons, .even-answers button.button-image .action-buttons, .odd-answers button.button-image .action-buttons, .guessing-item.button-image .action-buttons, app-memory-find-zone .memory-find-zone__button.button-image .action-buttons { position: absolute; left: 0; bottom: 0; width: 100%; } app-flashcard.button-audio, .available-answers button.button-audio, .available-answers .answer.button-audio, .available-answers .button-image.button-audio, .available-answers .order-matching__audio-button.button-audio, .available-answers .qcu__audio-button.button-audio, .checkbox-group mat-checkbox.button-audio, .checkbox-group .button-image.button-audio, .checkbox-group .qcm__audio-button.button-audio, #container-for-answers-selected > div.button-audio, .even-answers button.button-audio, .odd-answers button.button-audio, .guessing-item.button-audio, app-memory-find-zone .memory-find-zone__button.button-audio { flex-direction: row; } app-flashcard.button-audio > mat-icon.mat-icon, .available-answers button.button-audio > mat-icon.mat-icon, .available-answers .answer.button-audio > mat-icon.mat-icon, .available-answers .button-image.button-audio > mat-icon.mat-icon, .available-answers .order-matching__audio-button.button-audio > mat-icon.mat-icon, .available-answers .qcu__audio-button.button-audio > mat-icon.mat-icon, .checkbox-group mat-checkbox.button-audio > mat-icon.mat-icon, .checkbox-group .button-image.button-audio > mat-icon.mat-icon, .checkbox-group .qcm__audio-button.button-audio > mat-icon.mat-icon, #container-for-answers-selected > div.button-audio > mat-icon.mat-icon, .even-answers button.button-audio > mat-icon.mat-icon, .odd-answers button.button-audio > mat-icon.mat-icon, .guessing-item.button-audio > mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button.button-audio > mat-icon.mat-icon { flex: 1; width: auto; height: 100%; min-width: 0; min-height: 0; } app-flashcard.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, .available-answers button.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, .available-answers .answer.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, .available-answers .button-image.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, .available-answers .order-matching__audio-button.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, .available-answers .qcu__audio-button.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, .checkbox-group mat-checkbox.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, .checkbox-group .button-image.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, .checkbox-group .qcm__audio-button.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, #container-for-answers-selected > div.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, .even-answers button.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, .odd-answers button.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, .guessing-item.button-audio > mat-icon.mat-icon + mat-icon.mat-icon, app-memory-find-zone .memory-find-zone__button.button-audio > mat-icon.mat-icon + mat-icon.mat-icon { flex: 3; } app-flashcard.button-audio .button-audio__icon, .available-answers button.button-audio .button-audio__icon, .available-answers .answer.button-audio .button-audio__icon, .available-answers .button-image.button-audio .button-audio__icon, .available-answers .order-matching__audio-button.button-audio .button-audio__icon, .available-answers .qcu__audio-button.button-audio .button-audio__icon, .checkbox-group mat-checkbox.button-audio .button-audio__icon, .checkbox-group .button-image.button-audio .button-audio__icon, .checkbox-group .qcm__audio-button.button-audio .button-audio__icon, #container-for-answers-selected > div.button-audio .button-audio__icon, .even-answers button.button-audio .button-audio__icon, .odd-answers button.button-audio .button-audio__icon, .guessing-item.button-audio .button-audio__icon, app-memory-find-zone .memory-find-zone__button.button-audio .button-audio__icon { padding: clamp(10px, 0.76vw + 5.45px, 20px); flex: none; width: 100%; max-width: 25rem; height: auto; } app-flashcard.button-audio .button-audio__icon svg, .available-answers button.button-audio .button-audio__icon svg, .available-answers .answer.button-audio .button-audio__icon svg, .available-answers .button-image.button-audio .button-audio__icon svg, .available-answers .order-matching__audio-button.button-audio .button-audio__icon svg, .available-answers .qcu__audio-button.button-audio .button-audio__icon svg, .checkbox-group mat-checkbox.button-audio .button-audio__icon svg, .checkbox-group .button-image.button-audio .button-audio__icon svg, .checkbox-group .qcm__audio-button.button-audio .button-audio__icon svg, #container-for-answers-selected > div.button-audio .button-audio__icon svg, .even-answers button.button-audio .button-audio__icon svg, .odd-answers button.button-audio .button-audio__icon svg, .guessing-item.button-audio .button-audio__icon svg, app-memory-find-zone .memory-find-zone__button.button-audio .button-audio__icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-flashcard.button-audio .button-audio__icon + div, .available-answers button.button-audio .button-audio__icon + div, .available-answers .answer.button-audio .button-audio__icon + div, .available-answers .button-image.button-audio .button-audio__icon + div, .available-answers .order-matching__audio-button.button-audio .button-audio__icon + div, .available-answers .qcu__audio-button.button-audio .button-audio__icon + div, .checkbox-group mat-checkbox.button-audio .button-audio__icon + div, .checkbox-group .button-image.button-audio .button-audio__icon + div, .checkbox-group .qcm__audio-button.button-audio .button-audio__icon + div, #container-for-answers-selected > div.button-audio .button-audio__icon + div, .even-answers button.button-audio .button-audio__icon + div, .odd-answers button.button-audio .button-audio__icon + div, .guessing-item.button-audio .button-audio__icon + div, app-memory-find-zone .memory-find-zone__button.button-audio .button-audio__icon + div { display: none; } app-flashcard.button-audio.selected.is-audio, app-flashcard.button-audio.is-selected.is-audio, .available-answers button.button-audio.selected.is-audio, .available-answers button.button-audio.is-selected.is-audio, .available-answers .answer.button-audio.selected.is-audio, .available-answers .answer.button-audio.is-selected.is-audio, .available-answers .button-image.button-audio.selected.is-audio, .available-answers .button-image.button-audio.is-selected.is-audio, .available-answers .order-matching__audio-button.button-audio.selected.is-audio, .available-answers .order-matching__audio-button.button-audio.is-selected.is-audio, .available-answers .qcu__audio-button.button-audio.selected.is-audio, .available-answers .qcu__audio-button.button-audio.is-selected.is-audio, .checkbox-group mat-checkbox.button-audio.selected.is-audio, .checkbox-group mat-checkbox.button-audio.is-selected.is-audio, .checkbox-group .button-image.button-audio.selected.is-audio, .checkbox-group .button-image.button-audio.is-selected.is-audio, .checkbox-group .qcm__audio-button.button-audio.selected.is-audio, .checkbox-group .qcm__audio-button.button-audio.is-selected.is-audio, #container-for-answers-selected > div.button-audio.selected.is-audio, #container-for-answers-selected > div.button-audio.is-selected.is-audio, .even-answers button.button-audio.selected.is-audio, .even-answers button.button-audio.is-selected.is-audio, .odd-answers button.button-audio.selected.is-audio, .odd-answers button.button-audio.is-selected.is-audio, .guessing-item.button-audio.selected.is-audio, .guessing-item.button-audio.is-selected.is-audio, app-memory-find-zone .memory-find-zone__button.button-audio.selected.is-audio, app-memory-find-zone .memory-find-zone__button.button-audio.is-selected.is-audio { background-image: url("/assets/cycle-1-tne-canope/activities/icons/circle_fill_700--default.svg"); } app-flashcard.order-matching__audio-button .mat-icon, app-flashcard.qcm__audio-button .mat-icon, app-flashcard.qcu__audio-button .mat-icon, .available-answers button.order-matching__audio-button .mat-icon, .available-answers button.qcm__audio-button .mat-icon, .available-answers button.qcu__audio-button .mat-icon, .available-answers .answer.order-matching__audio-button .mat-icon, .available-answers .answer.qcm__audio-button .mat-icon, .available-answers .answer.qcu__audio-button .mat-icon, .available-answers .button-image.order-matching__audio-button .mat-icon, .available-answers .button-image.qcm__audio-button .mat-icon, .available-answers .button-image.qcu__audio-button .mat-icon, .available-answers .order-matching__audio-button.order-matching__audio-button .mat-icon, .available-answers .order-matching__audio-button.qcm__audio-button .mat-icon, .available-answers .order-matching__audio-button.qcu__audio-button .mat-icon, .available-answers .qcu__audio-button.order-matching__audio-button .mat-icon, .available-answers .qcu__audio-button.qcm__audio-button .mat-icon, .available-answers .qcu__audio-button.qcu__audio-button .mat-icon, .checkbox-group mat-checkbox.order-matching__audio-button .mat-icon, .checkbox-group mat-checkbox.qcm__audio-button .mat-icon, .checkbox-group mat-checkbox.qcu__audio-button .mat-icon, .checkbox-group .button-image.order-matching__audio-button .mat-icon, .checkbox-group .button-image.qcm__audio-button .mat-icon, .checkbox-group .button-image.qcu__audio-button .mat-icon, .checkbox-group .qcm__audio-button.order-matching__audio-button .mat-icon, .checkbox-group .qcm__audio-button.qcm__audio-button .mat-icon, .checkbox-group .qcm__audio-button.qcu__audio-button .mat-icon, #container-for-answers-selected > div.order-matching__audio-button .mat-icon, #container-for-answers-selected > div.qcm__audio-button .mat-icon, #container-for-answers-selected > div.qcu__audio-button .mat-icon, .even-answers button.order-matching__audio-button .mat-icon, .even-answers button.qcm__audio-button .mat-icon, .even-answers button.qcu__audio-button .mat-icon, .odd-answers button.order-matching__audio-button .mat-icon, .odd-answers button.qcm__audio-button .mat-icon, .odd-answers button.qcu__audio-button .mat-icon, .guessing-item.order-matching__audio-button .mat-icon, .guessing-item.qcm__audio-button .mat-icon, .guessing-item.qcu__audio-button .mat-icon, app-memory-find-zone .memory-find-zone__button.order-matching__audio-button .mat-icon, app-memory-find-zone .memory-find-zone__button.qcm__audio-button .mat-icon, app-memory-find-zone .memory-find-zone__button.qcu__audio-button .mat-icon { margin: auto; padding: clamp(20px, 1.52vw + 10.91px, 40px); flex: none; width: 100%; max-width: 50rem; height: auto; } app-flashcard.order-matching__audio-button .mat-icon svg, app-flashcard.qcm__audio-button .mat-icon svg, app-flashcard.qcu__audio-button .mat-icon svg, .available-answers button.order-matching__audio-button .mat-icon svg, .available-answers button.qcm__audio-button .mat-icon svg, .available-answers button.qcu__audio-button .mat-icon svg, .available-answers .answer.order-matching__audio-button .mat-icon svg, .available-answers .answer.qcm__audio-button .mat-icon svg, .available-answers .answer.qcu__audio-button .mat-icon svg, .available-answers .button-image.order-matching__audio-button .mat-icon svg, .available-answers .button-image.qcm__audio-button .mat-icon svg, .available-answers .button-image.qcu__audio-button .mat-icon svg, .available-answers .order-matching__audio-button.order-matching__audio-button .mat-icon svg, .available-answers .order-matching__audio-button.qcm__audio-button .mat-icon svg, .available-answers .order-matching__audio-button.qcu__audio-button .mat-icon svg, .available-answers .qcu__audio-button.order-matching__audio-button .mat-icon svg, .available-answers .qcu__audio-button.qcm__audio-button .mat-icon svg, .available-answers .qcu__audio-button.qcu__audio-button .mat-icon svg, .checkbox-group mat-checkbox.order-matching__audio-button .mat-icon svg, .checkbox-group mat-checkbox.qcm__audio-button .mat-icon svg, .checkbox-group mat-checkbox.qcu__audio-button .mat-icon svg, .checkbox-group .button-image.order-matching__audio-button .mat-icon svg, .checkbox-group .button-image.qcm__audio-button .mat-icon svg, .checkbox-group .button-image.qcu__audio-button .mat-icon svg, .checkbox-group .qcm__audio-button.order-matching__audio-button .mat-icon svg, .checkbox-group .qcm__audio-button.qcm__audio-button .mat-icon svg, .checkbox-group .qcm__audio-button.qcu__audio-button .mat-icon svg, #container-for-answers-selected > div.order-matching__audio-button .mat-icon svg, #container-for-answers-selected > div.qcm__audio-button .mat-icon svg, #container-for-answers-selected > div.qcu__audio-button .mat-icon svg, .even-answers button.order-matching__audio-button .mat-icon svg, .even-answers button.qcm__audio-button .mat-icon svg, .even-answers button.qcu__audio-button .mat-icon svg, .odd-answers button.order-matching__audio-button .mat-icon svg, .odd-answers button.qcm__audio-button .mat-icon svg, .odd-answers button.qcu__audio-button .mat-icon svg, .guessing-item.order-matching__audio-button .mat-icon svg, .guessing-item.qcm__audio-button .mat-icon svg, .guessing-item.qcu__audio-button .mat-icon svg, app-memory-find-zone .memory-find-zone__button.order-matching__audio-button .mat-icon svg, app-memory-find-zone .memory-find-zone__button.qcm__audio-button .mat-icon svg, app-memory-find-zone .memory-find-zone__button.qcu__audio-button .mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-flashcard.order-matching__audio-button audio, app-flashcard.qcm__audio-button audio, app-flashcard.qcu__audio-button audio, .available-answers button.order-matching__audio-button audio, .available-answers button.qcm__audio-button audio, .available-answers button.qcu__audio-button audio, .available-answers .answer.order-matching__audio-button audio, .available-answers .answer.qcm__audio-button audio, .available-answers .answer.qcu__audio-button audio, .available-answers .button-image.order-matching__audio-button audio, .available-answers .button-image.qcm__audio-button audio, .available-answers .button-image.qcu__audio-button audio, .available-answers .order-matching__audio-button.order-matching__audio-button audio, .available-answers .order-matching__audio-button.qcm__audio-button audio, .available-answers .order-matching__audio-button.qcu__audio-button audio, .available-answers .qcu__audio-button.order-matching__audio-button audio, .available-answers .qcu__audio-button.qcm__audio-button audio, .available-answers .qcu__audio-button.qcu__audio-button audio, .checkbox-group mat-checkbox.order-matching__audio-button audio, .checkbox-group mat-checkbox.qcm__audio-button audio, .checkbox-group mat-checkbox.qcu__audio-button audio, .checkbox-group .button-image.order-matching__audio-button audio, .checkbox-group .button-image.qcm__audio-button audio, .checkbox-group .button-image.qcu__audio-button audio, .checkbox-group .qcm__audio-button.order-matching__audio-button audio, .checkbox-group .qcm__audio-button.qcm__audio-button audio, .checkbox-group .qcm__audio-button.qcu__audio-button audio, #container-for-answers-selected > div.order-matching__audio-button audio, #container-for-answers-selected > div.qcm__audio-button audio, #container-for-answers-selected > div.qcu__audio-button audio, .even-answers button.order-matching__audio-button audio, .even-answers button.qcm__audio-button audio, .even-answers button.qcu__audio-button audio, .odd-answers button.order-matching__audio-button audio, .odd-answers button.qcm__audio-button audio, .odd-answers button.qcu__audio-button audio, .guessing-item.order-matching__audio-button audio, .guessing-item.qcm__audio-button audio, .guessing-item.qcu__audio-button audio, app-memory-find-zone .memory-find-zone__button.order-matching__audio-button audio, app-memory-find-zone .memory-find-zone__button.qcm__audio-button audio, app-memory-find-zone .memory-find-zone__button.qcu__audio-button audio { display: none; } app-flashcard.bem-voice-recorder__button, .available-answers button.bem-voice-recorder__button, .available-answers .answer.bem-voice-recorder__button, .available-answers .button-image.bem-voice-recorder__button, .available-answers .order-matching__audio-button.bem-voice-recorder__button, .available-answers .qcu__audio-button.bem-voice-recorder__button, .checkbox-group mat-checkbox.bem-voice-recorder__button, .checkbox-group .button-image.bem-voice-recorder__button, .checkbox-group .qcm__audio-button.bem-voice-recorder__button, #container-for-answers-selected > div.bem-voice-recorder__button, .even-answers button.bem-voice-recorder__button, .odd-answers button.bem-voice-recorder__button, .guessing-item.bem-voice-recorder__button, app-memory-find-zone .memory-find-zone__button.bem-voice-recorder__button { flex-direction: row; justify-content: space-between; align-items: center; gap: clamp(10px, 0.76vw + 5.45px, 20px); } app-flashcard.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, .available-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, .available-answers .answer.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, .available-answers .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, .available-answers .order-matching__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, .available-answers .qcu__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, .checkbox-group mat-checkbox.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, .checkbox-group .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, .checkbox-group .qcm__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, #container-for-answers-selected > div.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, .even-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, .odd-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, .guessing-item.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper, app-memory-find-zone .memory-find-zone__button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper { display: flex; align-items: center; gap: clamp(10px, 0.76vw + 5.45px, 20px); } app-flashcard.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, .available-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, .available-answers .answer.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, .available-answers .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, .available-answers .order-matching__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, .available-answers .qcu__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, .checkbox-group mat-checkbox.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, .checkbox-group .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, .checkbox-group .qcm__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, #container-for-answers-selected > div.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, .even-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, .odd-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, .guessing-item.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer, app-memory-find-zone .memory-find-zone__button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__timer { position: relative; top: 2px; width: 45px; } app-flashcard.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, .available-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, .available-answers .answer.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, .available-answers .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, .available-answers .order-matching__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, .available-answers .qcu__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, .checkbox-group mat-checkbox.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, .checkbox-group .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, .checkbox-group .qcm__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, #container-for-answers-selected > div.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, .even-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, .odd-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, .guessing-item.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar, app-memory-find-zone .memory-find-zone__button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar { -webkit-appearance: none; appearance: none; border: none; width: 100px; height: 45px; background-color: var(--primaryborder, #4B001C); clip-path: path("M 97.312 17.5 C 98.797 17.5 100 18.899 100 20.625 L 100 24.375 C 100 26.101 98.797 27.5 97.312 27.5 C 95.827 27.5 94.624 26.101 94.624 24.375 L 94.624 20.625 C 94.624 18.899 95.827 17.5 97.312 17.5 Z M 45.699 17.5 C 47.184 17.5 48.387 18.899 48.387 20.625 L 48.387 24.375 C 48.387 26.101 47.184 27.5 45.699 27.5 C 44.214 27.5 43.011 26.101 43.011 24.375 L 43.011 20.625 C 43.011 18.899 44.214 17.5 45.699 17.5 Z M 37.097 11.25 C 38.582 11.25 39.785 12.649 39.785 14.375 L 39.785 30.625 C 39.785 32.351 38.582 33.75 37.097 33.75 C 35.612 33.75 34.409 32.351 34.409 30.625 L 34.409 14.375 C 34.409 12.649 35.612 11.25 37.097 11.25 Z M 28.495 11.25 C 29.98 11.25 31.183 12.649 31.183 14.375 L 31.183 30.625 C 31.183 32.351 29.98 33.75 28.495 33.75 C 27.01 33.75 25.806 32.351 25.806 30.625 L 25.806 14.375 C 25.806 12.649 27.01 11.25 28.495 11.25 Z M 71.505 17.5 C 72.99 17.5 74.194 18.899 74.194 20.625 L 74.194 24.375 C 74.194 26.101 72.99 27.5 71.505 27.5 C 70.02 27.5 68.817 26.101 68.817 24.375 L 68.817 20.625 C 68.817 18.899 70.02 17.5 71.505 17.5 Z M 62.903 12.5 C 64.388 12.5 65.591 13.899 65.591 15.625 L 65.591 29.375 C 65.591 31.101 64.388 32.5 62.903 32.5 C 61.418 32.5 60.215 31.101 60.215 29.375 L 60.215 15.625 C 60.215 13.899 61.418 12.5 62.903 12.5 Z M 88.71 17.5 C 90.195 17.5 91.398 18.899 91.398 20.625 L 91.398 24.375 C 91.398 26.101 90.195 27.5 88.71 27.5 C 87.225 27.5 86.022 26.101 86.022 24.375 L 86.022 20.625 C 86.022 18.899 87.225 17.5 88.71 17.5 Z M 54.301 0 C 55.786 0 56.989 1.399 56.989 3.125 L 56.989 41.875 C 56.989 43.601 55.786 45 54.301 45 C 52.816 45 51.613 43.601 51.613 41.875 L 51.613 3.125 C 51.613 1.399 52.816 0 54.301 0 Z M 2.688 11.25 C 4.173 11.25 5.376 12.649 5.376 14.375 L 5.376 30.625 C 5.376 32.351 4.173 33.75 2.688 33.75 C 1.203 33.75 0 32.351 0 30.625 L 0 14.375 C 0 12.649 1.203 11.25 2.688 11.25 Z M 19.892 20 C 21.377 20 22.581 21.119 22.581 22.5 C 22.581 23.881 21.377 25 19.892 25 C 18.408 25 17.204 23.881 17.204 22.5 C 17.204 21.119 18.408 20 19.892 20 Z M 80.108 17.5 C 81.592 17.5 82.796 18.899 82.796 20.625 L 82.796 24.375 C 82.796 26.101 81.592 27.5 80.108 27.5 C 78.623 27.5 77.419 26.101 77.419 24.375 L 77.419 20.625 C 77.419 18.899 78.623 17.5 80.108 17.5 Z M 11.29 20 C 12.775 20 13.978 21.119 13.978 22.5 C 13.978 23.881 12.775 25 11.29 25 C 9.805 25 8.602 23.881 8.602 22.5 C 8.602 21.119 9.805 20 11.29 20 Z"); } app-flashcard.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, .available-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, .available-answers .answer.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, .available-answers .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, .available-answers .order-matching__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, .available-answers .qcu__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, .checkbox-group mat-checkbox.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, .checkbox-group .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, .checkbox-group .qcm__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, #container-for-answers-selected > div.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, .even-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, .odd-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, .guessing-item.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar, app-memory-find-zone .memory-find-zone__button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-bar { background-color: var(--primaryborder, #4B001C); } app-flashcard.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, .available-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, .available-answers .answer.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, .available-answers .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, .available-answers .order-matching__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, .available-answers .qcu__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, .checkbox-group mat-checkbox.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, .checkbox-group .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, .checkbox-group .qcm__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, #container-for-answers-selected > div.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, .even-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, .odd-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, .guessing-item.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar, app-memory-find-zone .memory-find-zone__button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-moz-progress-bar { background-color: var(--primarylabel, #FFF); } app-flashcard.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, .available-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, .available-answers .answer.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, .available-answers .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, .available-answers .order-matching__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, .available-answers .qcu__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, .checkbox-group mat-checkbox.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, .checkbox-group .button-image.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, .checkbox-group .qcm__audio-button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, #container-for-answers-selected > div.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, .even-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, .odd-answers button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, .guessing-item.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value, app-memory-find-zone .memory-find-zone__button.bem-voice-recorder__record-button .bem-voice-recorder__progress-wrapper .bem-voice-recorder__progress-bar::-webkit-progress-value { background-color: var(--primarylabel, #FFF); } .checkbox-group mat-checkbox { display: flex; width: 100%; height: calc(100% - 4px); padding-block: 0; padding-inline: 0; } .checkbox-group mat-checkbox .mdc-form-field { display: flex; width: 100%; height: 100%; align-items: center; padding-block: 10px; padding-inline: 20px; justify-content: center; position: relative; } .checkbox-group mat-checkbox .mdc-form-field .mdc-label { margin: unset; padding: unset; } .checkbox-group mat-checkbox .mdc-form-field .mdc-label > span { text-align: center; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; } /* **1 - Icons récupérés sur : https://fonts.google.com/icons?selected=Material+Symbols+Rounded:close:FILL@1;wght@700;GRAD@0;opsz@20&icon.query=close&icon.platform=web&icon.style=Rounded&icon.set=Material+Symbols + ajouter fill="currentColor" dans les svg .svg */ /* &:hover, &:active { // Pressed } &.is-selected, &.selected { // Select } &:active.is-selected { // Select pressed } &.is-playing { // En cours de lecture } */ /* { // Default || .pristine } // Intouché donc disponible { // Good || currently-correct } // $success-color - Actuellement bon par rapport a la consigne actuelle { // Good TTS/AUDIO } // $success-color { // was-correct } // was-correct - Etait bon par rapport a une précédente consigne // $validated-color // warning-color { // Bad || incorrect } // $error-color - Faux { // Bad TTS/AUDIO } // $error-color { // missing } // missing - manquante { // Disabled } */ .activities-card .medias, .activities-card .media-wrapper { overflow: auto !important; } .activities-card .medias.bem-multimedia__media { position: relative; flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; margin-top: unset; } @media (min-width: 600px) { .activities-card .medias.bem-multimedia__media { flex-direction: row; gap: clamp(10px, 0.76vw + 5.45px, 20px); } } .activities-card .medias.bem-multimedia__media .media-wrapper { max-width: min(100%, 100rem) !important; } .activities-card .medias.bem-multimedia__media .media-wrapper:not(.pdf-download) { position: relative; display: flex; flex-direction: column; align-items: stretch; border-radius: clamp(12px, 0.76vw + 5.45px, 26px); } .activities-card .medias.bem-multimedia__media .media-wrapper:not(.pdf-download):not(.audio) { margin-bottom: 4px; color: var(--tertiarylabel, #006AA6); background-color: var(--tertiarybackground, #F7E6EC); border: 2px solid var(--tertiaryborder, #F0D0DB); box-shadow: 0px 4px 0px 0px var(--tertiaryborder, #F0D0DB); } .activities-card .medias.bem-multimedia__media .media-wrapper:not(.pdf-download):not(.audio) mat-icon.mat-icon, .activities-card .medias.bem-multimedia__media .media-wrapper:not(.pdf-download):not(.audio) .mdc-label { color: var(--tertiaryicon, #B10745); } .activities-card .medias.bem-multimedia__media .media-wrapper.text { padding-block: clamp(10px, 0.76vw + 5.45px, 20px); padding-inline: clamp(20px, 1.52vw + 10.91px, 40px); max-height: calc(100vh - 30rem); font-size: clamp(1.6rem, 0.3vw + 1.42rem, 2rem); font-weight: 700; } .activities-card .medias.bem-multimedia__media .media-wrapper.text strong { font-weight: 900; } .activities-card .medias.bem-multimedia__media .media-wrapper.audio { margin-bottom: 4px; color: var(--primarylabel, #FFF); background-color: var(--primarybackground, #B10745); border: 2px solid var(--primaryborder, #4B001C); box-shadow: 0px 4px 0px 0px var(--primaryborder, #4B001C); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; gap: clamp(20px, 1.52vw + 10.91px, 40px); padding: clamp(10px, 0.76vw + 5.45px, 20px); flex-direction: column; align-items: center !important; width: auto; min-width: 30rem; max-width: 100rem; height: auto; aspect-ratio: 16/9; pointer-events: none; } .activities-card .medias.bem-multimedia__media .media-wrapper.audio mat-icon.mat-icon, .activities-card .medias.bem-multimedia__media .media-wrapper.audio .mdc-label { color: inherit; } .activities-card .medias.bem-multimedia__media .media-wrapper.audio:hover, .activities-card .medias.bem-multimedia__media .media-wrapper.audio:focus { background-color: var(--primarybackground--hover, #C9084F); } .activities-card .medias.bem-multimedia__media .media-wrapper.audio:active, .activities-card .medias.bem-multimedia__media .media-wrapper.audio[disabled], .activities-card .medias.bem-multimedia__media .media-wrapper.audio.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } .activities-card .medias.bem-multimedia__media .media-wrapper.audio:active { color: var(--primarylabel--contrast, #FFF); background-color: var(--primaryborder, #4B001C); border: 2px solid var(--primarybackground, #B10745); } .activities-card .medias.bem-multimedia__media .media-wrapper.audio[disabled], .activities-card .medias.bem-multimedia__media .media-wrapper.audio.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } .activities-card .medias.bem-multimedia__media .media-wrapper.audio .mat-icon { margin-block: auto; padding-top: clamp(20px, 1.52vw + 10.91px, 40px); padding-inline: clamp(20px, 1.52vw + 10.91px, 40px); flex: none; width: 100%; max-width: 50rem; height: auto; } .activities-card .medias.bem-multimedia__media .media-wrapper.audio .mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } .activities-card .medias.bem-multimedia__media .media-wrapper.audio > div { width: 100%; } .activities-card .medias.bem-multimedia__media .media-wrapper.audio audio { display: block; width: 100%; height: 4rem; border-radius: 12px; pointer-events: auto; } .activities-card .medias.bem-multimedia__media .media-wrapper.image, .activities-card .medias.bem-multimedia__media .media-wrapper.audio { width: 80vh; height: auto; max-height: 100%; } .activities-card .medias.bem-multimedia__media .media-wrapper.image { display: block; padding: 0; } .activities-card .medias.bem-multimedia__media .media-wrapper.image #imgToZoom, .activities-card .medias.bem-multimedia__media .media-wrapper.image > div, .activities-card .medias.bem-multimedia__media .media-wrapper.image [id="#imgToZoom*"] { display: block; height: 100%; } .activities-card .medias.bem-multimedia__media .media-wrapper.image #imgToZoom img, .activities-card .medias.bem-multimedia__media .media-wrapper.image > div img, .activities-card .medias.bem-multimedia__media .media-wrapper.image [id="#imgToZoom*"] img { display: block; object-fit: contain; max-height: 50vh; margin: 0 auto; } @media screen and (max-height: 600px) { .activities-card .medias.bem-multimedia__media .media-wrapper.image #imgToZoom img, .activities-card .medias.bem-multimedia__media .media-wrapper.image > div img, .activities-card .medias.bem-multimedia__media .media-wrapper.image [id="#imgToZoom*"] img { max-height: 30vh; } } .activities-card .medias.bem-multimedia__media .media-wrapper.pdf-download { height: 100%; } .activities-card app-flashcard .flashcard__figure { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: auto; max-height: 100%; margin: unset; } .activities-card app-flashcard .flashcard__figure .flashcard__caption { padding: clamp(10px, 0.76vw + 5.45px, 20px); display: block; position: absolute; z-index: 3; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; opacity: 0; color: var(--white, #FFF); text-align: center; font-size: clamp(2rem, 1.52vw + 1.09rem, 4rem); font-weight: 900; line-height: 1; -webkit-text-stroke: clamp(0.1rem, 0.15vw + 0.01rem, 0.3rem) var(--primaryborder, #4B001C); transition: opacity 55ms linear; } .activities-card app-flashcard .flashcard__figure .flashcard__caption::first-letter { text-transform: uppercase; } .activities-card app-flashcard .flashcard__audio-description { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .activities-card app-flashcard.is-selected .flashcard__figure .flashcard__caption { opacity: 1; } .activities-card input, .activities-card textarea { margin-bottom: 4px; color: var(--tertiarylabel, #006AA6); background-color: var(--tertiarybackground, #F7E6EC); border: 2px solid var(--tertiaryborder, #F0D0DB); box-shadow: 0px 4px 0px 0px var(--tertiaryborder, #F0D0DB); padding-inline: clamp(5px, 0.38vw + 2.73px, 10px); background-color: var(--white, #fff); color: var(--text, #006AA6); font-family: inherit; font-weight: 500; line-height: inherit; } .activities-card input mat-icon.mat-icon, .activities-card input .mdc-label, .activities-card textarea mat-icon.mat-icon, .activities-card textarea .mdc-label { color: var(--tertiaryicon, #B10745); } .activities-card input:active, .activities-card textarea:active { background-color: inherit; } .activities-card input:focus, .activities-card textarea:focus { background-color: white; } .activities-card input { margin-bottom: unset; border: none; border-bottom: 4px solid #b10745; border-radius: 4px; box-shadow: none; } .activities-card textarea { border-radius: 12px; } .activities-card .textarea-wrapper { flex: 1; align-self: stretch; display: flex; } .activities-card .textarea-wrapper textarea { flex: 1; } @media (min-width: 600px) { .activities-card .textarea-wrapper textarea { min-height: 210px; } } /** * The layout/ folder contains everything that takes part in laying out the site or application. This folder could have stylesheets for the main parts of the site (header, footer, navigation, sidebar…), the grid system or even CSS styles for all the forms. */ #lessons { /* app-multi .app-multi__content [row || column] ___________________________________________________________ | | .app-multi__content__router-wrapper | | | | | | |.multi-side-nav-previous| **** activities **** |.multi-side-nav-next| | | | | | | | | _______________________________________________________________________________________________ */ /* // APP-MULTI // div.page-layout.simple.fullwidth // div.content // div.multi-side-nav-previous // CONTENT.multi-content // router-outlet // ACTIVITIES COMPONENT */ } #lessons app-stepper-wrapper { flex: 1; display: flex; overflow: auto; } #lessons app-stepper-wrapper .stepper-wrapper__container { flex: 1; display: flex; overflow: auto; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header { margin-bottom: clamp(10px, 0.76vw + 5.45px, 20px); padding-block: clamp(10px, 0.76vw + 5.45px, 20px); display: flex; align-items: center; gap: 1.5rem; padding-inline: var(--padding-lateral-viewport); background-color: #ebebeb; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top { display: contents; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; flex: none; margin: unset; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button .mat-icon + span { margin-right: 2px; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button span:has(+ .mat-icon) { margin-left: 2px; } } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button:hover, #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button:hover .mat-icon, #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button.cdk-keyboard-focused .mat-icon { color: !important; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button:active .mat-icon { color: !important; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button[disabled] .mat-icon { color: #989CA4 !important; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button[disabled] { border: none; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top button span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top .fuse-app-lessons__button-help { order: 2; margin-left: auto; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top .toolbar { flex: 1; flex-direction: row !important; gap: 1.5rem; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top .toolbar .fuse-app-lessons__button-tools { margin-right: auto; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__header .header-top .toolbar .fuse-app-lessons__button-fullscreen { margin-left: auto; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__content { flex: 1; display: flex; gap: var(--gap-vertical-viewport); } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__content .outlet-player-navigation { display: flex; flex: 1; width: 100%; overflow: auto; } #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__content .outlet-player-navigation > .previous-wrapper, #lessons app-stepper-wrapper .stepper-wrapper__container .stepper-wrapper__content .outlet-player-navigation > .next-wrapper { display: none !important; } #lessons app-multi .multi-side-nav-previous, #lessons app-multi .multi-side-nav-next { display: none !important; flex: 0 0 auto; display: flex; flex-direction: column; place-content: stretch center; align-items: stretch; } #lessons .app-multi__content { flex-direction: row; box-sizing: border-box; display: flex; flex: 1; } #lessons app-progress-multi-zone { padding: 10px var(--padding-lateral-viewport); } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper { display: flex; height: 20px; background-color: var(--progressionbackground, #E5EBF1); border: 2px solid var(--progressionborder, #CEE1EC); border-radius: clamp(12px, 0.76vw + 5.45px, 26px); box-shadow: inset 0px 2px 0px 0px var(--progressionborder, #CEE1EC); } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__answer { display: flex; justify-content: center; align-items: center; width: 0; transition: width 400ms ease-in-out; } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__answer::after { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: inherit; } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__answer.bem-progress-multi-zone__first-answer { border-top-left-radius: clamp(12px, 0.76vw + 5.45px, 26px); border-bottom-left-radius: clamp(12px, 0.76vw + 5.45px, 26px); } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__answer.bem-progress-multi-zone__last-answer { border-top-right-radius: clamp(12px, 0.76vw + 5.45px, 26px); border-bottom-right-radius: clamp(12px, 0.76vw + 5.45px, 26px); } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__answer.bem-progress-multi-zone__correct-answer { background-color: var(--progressiongood, #009E94); } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__answer.bem-progress-multi-zone__correct-answer::after { border-top: 2px solid rgba(255, 255, 255, 0.5); } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__answer.bem-progress-multi-zone__correct-answer + .bem-progress-multi-zone__correct-answer::after { transform: translateX(-2px); width: 100%; } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__answer.bem-progress-multi-zone__wrong-answer { background-color: var(--progressionbad, #000A10); } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__answer.bem-progress-multi-zone__wrong-answer::after { border-bottom: 2px solid rgba(255, 255, 255, 0.5); } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__answer.bem-progress-multi-zone__wrong-answer + .bem-progress-multi-zone__wrong-answer::after { transform: translateX(-2px); width: 100%; } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__cursor { display: none; } #lessons app-progress-multi-zone .bem-progress-multi-zone__wrapper .bem-progress-multi-zone__limit { display: none; } #lessons app-progress-bar-generic { position: absolute; top: 0; bottom: inherit; width: 100%; height: 3vh; padding: 20px; background-color: #ebebeb; } #lessons app-progress-bar-generic .progress-bar { height: 3vh; background: linear-gradient(90deg, green 97%, transparent); transition-duration: 400ms; } #lessons app-progress-bar-generic .circle { position: absolute; bottom: 0%; left: -3vh; width: 3vh; height: 3vh; border-radius: 3vh; background: white; transform: translate(-3vh, 0px); } .activities-card.mat-mdc-card { margin: 0; padding: 0; gap: clamp(20px, 1.52vw + 10.91px, 40px); overflow: auto; flex: 1; display: flex; flex-direction: column; color: var(--text, #006AA6); background-color: unset; } .activities-card.mat-mdc-card:not([class*=mat-elevation-z]) { box-shadow: inherit; } .activities-card.mat-mdc-card .mat-mdc-card-avatar { height: inherit; width: inherit; border-radius: inherit; flex-shrink: inherit; object-fit: inherit; } .activities-card.mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title { margin-bottom: 0; } .activities-card.mat-mdc-card:not(:has(.mat-mdc-card-header)), .activities-card.mat-mdc-card:has(.mat-mdc-card-header:empty) { padding-top: clamp(20px, 1.52vw + 10.91px, 40px); } .activities-card.mat-mdc-card:not(:has(.mat-mdc-card-footer)), .activities-card.mat-mdc-card:has(.mat-mdc-card-footer:empty) { padding-bottom: clamp(20px, 1.52vw + 10.91px, 40px); } .activities-card mat-card-header { flex: none; display: flex; flex-direction: column; padding-inline: var(--padding-lateral-viewport); } .activities-card mat-card-header .mat-mdc-card-header-text { flex: 1; display: flex; flex-direction: column; margin: 0; } .activities-card mat-card-header .mat-mdc-card-title { flex: 1; display: flex; flex-direction: column; margin: 0; } .activities-card mat-card-header .mat-mdc-card-title .read-not-in-progress { margin-bottom: 26px; margin-top: -26px; font: 400 12px / 20px var(--typo1), "Helvetica Neue", Arial, sans-serif; color: var(--secondarylabel, #B10745); padding-left: calc(clamp(10px, 0.76vw + 5.45px, 20px) + 16px); } .activities-card mat-card-header:empty { display: none; } .activities-card mat-card-header .mat-mdc-card-header-text { align-items: inherit; } .activities-card > mat-card-content.mat-mdc-card-content { overflow: visible; flex: 1; display: flex; flex-direction: column; align-items: center; margin: 0; gap: 20px; padding: 0 var(--padding-lateral-viewport); } @media (min-width: 600px) { .activities-card > mat-card-content.mat-mdc-card-content { flex-direction: row; align-items: flex-start; justify-content: space-around; } } @media (min-width: 600px) { .activities-card > mat-card-content.mat-mdc-card-content > app-consignes { flex: 5; align-items: center; max-width: 90vh; } .activities-card > mat-card-content.mat-mdc-card-content > app-consignes + * { flex: 4; margin-inline: inherit; margin-bottom: auto; min-width: 40%; margin-top: 20px; } } .activities-card > mat-card-content.mat-mdc-card-content > app-flashcard { flex: none; width: 100%; max-width: 50rem; } @media (min-width: 600px) { .activities-card > mat-card-content.mat-mdc-card-content > app-flashcard { flex: 1; width: unset; margin: 0 auto; } .activities-card > mat-card-content.mat-mdc-card-content > app-flashcard + * { flex: 1; } } @media (min-width: 600px) { .activities-card mat-card-footer.mat-mdc-card-footer { flex: none; margin: 0; position: relative; padding: 0 clamp(10px, 0.76vw + 5.45px, 20px); } } .activities-card mat-card-footer.mat-mdc-card-footer { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0; padding-bottom: clamp(20px, 1.52vw + 10.91px, 40px); } .activities-card mat-card-footer.mat-mdc-card-footer:empty { display: none; } .activities-card app-consignes .container { display: flex; width: 100%; align-items: center; padding-inline: clamp(10px, 0.76vw + 5.45px, 20px); gap: clamp(20px, 1.52vw + 10.91px, 40px); border-radius: clamp(12px, 0.76vw + 5.45px, 26px); margin-bottom: 4px; color: var(--tertiarylabel, #006AA6); background-color: var(--tertiarybackground, #F7E6EC); border: 2px solid var(--tertiaryborder, #F0D0DB); box-shadow: 0px 4px 0px 0px var(--tertiaryborder, #F0D0DB); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; min-height: 60px; color: var(--tertiarylabel, #006AA6); } .activities-card app-consignes .container mat-icon.mat-icon, .activities-card app-consignes .container .mdc-label { color: var(--tertiaryicon, #B10745); } .activities-card app-consignes .container:hover, .activities-card app-consignes .container:focus { background-color: var(--tertiarybackground--hover, #FFF2F2); } .activities-card app-consignes .container:active, .activities-card app-consignes .container[disabled], .activities-card app-consignes .container.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } .activities-card app-consignes .container:active { background-color: var(--tertiarybackground--active, #F0D0DB); border: 2px solid var(--tertiaryborder--active, #F7E6EC); } .activities-card app-consignes .container[disabled], .activities-card app-consignes .container.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } .activities-card app-consignes .container > div { flex: 1; display: flex; align-items: center; } .activities-card app-consignes .container.consignes__image { position: relative; overflow: hidden; gap: unset; padding: unset; cursor: unset; } .activities-card app-consignes .container.consignes__image .consignes__content { flex: 1; display: unset; background-color: var(--white, #FFF); } .activities-card app-consignes .container.consignes__image .consignes__content img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; } .activities-card app-consignes .container.consignes__image .consignes__actions { display: contents; } .activities-card app-consignes .container.consignes__image .consignes__actions .consignes__expand-icon { margin-bottom: 4px; color: var(--tertiarylabel, #006AA6); background-color: var(--tertiarybackground, #F7E6EC); border: 2px solid var(--tertiaryborder, #F0D0DB); box-shadow: 0px 4px 0px 0px var(--tertiaryborder, #F0D0DB); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; padding: clamp(5px, 0.38vw + 2.73px, 10px); position: absolute; z-index: 3; bottom: 0.5rem; right: 0.5rem; width: auto; height: auto; border-radius: 8px; } .activities-card app-consignes .container.consignes__image .consignes__actions .consignes__expand-icon mat-icon.mat-icon, .activities-card app-consignes .container.consignes__image .consignes__actions .consignes__expand-icon .mdc-label { color: var(--tertiaryicon, #B10745); } .activities-card app-consignes .container.consignes__image .consignes__actions .consignes__expand-icon:hover, .activities-card app-consignes .container.consignes__image .consignes__actions .consignes__expand-icon:focus { background-color: var(--tertiarybackground--hover, #FFF2F2); } .activities-card app-consignes .container.consignes__image .consignes__actions .consignes__expand-icon:active, .activities-card app-consignes .container.consignes__image .consignes__actions .consignes__expand-icon[disabled], .activities-card app-consignes .container.consignes__image .consignes__actions .consignes__expand-icon.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } .activities-card app-consignes .container.consignes__image .consignes__actions .consignes__expand-icon:active { background-color: var(--tertiarybackground--active, #F0D0DB); border: 2px solid var(--tertiaryborder--active, #F7E6EC); } .activities-card app-consignes .container.consignes__image .consignes__actions .consignes__expand-icon[disabled], .activities-card app-consignes .container.consignes__image .consignes__actions .consignes__expand-icon.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } .activities-card app-consignes .container mat-icon.mat-icon { margin-left: auto; color: var(--tertiaryicon, #B10745); } .activities-card app-consignes .container .bem-consignes__content { flex: 1; display: flex; flex-direction: row; align-content: center; align-items: center; flex-wrap: wrap; } .activities-card app-consignes .container .bem-consignes__content video { min-width: 100%; min-height: 100%; max-height: 100%; max-width: 100%; aspect-ratio: 16/9; background-color: black; } mat-card-header .activities-card app-consignes .container .bem-consignes__content { font: 400 14px / 20px var(--typo1), "Helvetica Neue", Arial, sans-serif; } mat-card-content .activities-card app-consignes .container .bem-consignes__content { font: 400 14px / 1.4 var(--typo1), "Helvetica Neue", Arial, sans-serif; } .activities-card app-consignes .container .bem-consignes__content p strong { font-weight: 900; } .activities-card app-consignes .container .bem-consignes__content .action-buttons { position: absolute; bottom: 0; right: 0; } .activities-card app-consignes .consignes__audio-player { margin-bottom: 4px; color: var(--primarylabel, #FFF); background-color: var(--primarybackground, #B10745); border: 2px solid var(--primaryborder, #4B001C); box-shadow: 0px 4px 0px 0px var(--primaryborder, #4B001C); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; gap: clamp(20px, 1.52vw + 10.91px, 40px); padding: clamp(10px, 0.76vw + 5.45px, 20px); flex-direction: column; align-items: center !important; width: auto; min-width: 30rem; max-width: 100rem; height: auto; aspect-ratio: 16/9; pointer-events: none; margin-inline: auto; } .activities-card app-consignes .consignes__audio-player mat-icon.mat-icon, .activities-card app-consignes .consignes__audio-player .mdc-label { color: inherit; } .activities-card app-consignes .consignes__audio-player:hover, .activities-card app-consignes .consignes__audio-player:focus { background-color: var(--primarybackground--hover, #C9084F); } .activities-card app-consignes .consignes__audio-player:active, .activities-card app-consignes .consignes__audio-player[disabled], .activities-card app-consignes .consignes__audio-player.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } .activities-card app-consignes .consignes__audio-player:active { color: var(--primarylabel--contrast, #FFF); background-color: var(--primaryborder, #4B001C); border: 2px solid var(--primarybackground, #B10745); } .activities-card app-consignes .consignes__audio-player[disabled], .activities-card app-consignes .consignes__audio-player.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } .activities-card app-consignes .consignes__audio-player .mat-icon { margin-block: auto; padding-top: clamp(20px, 1.52vw + 10.91px, 40px); padding-inline: clamp(20px, 1.52vw + 10.91px, 40px); flex: none; width: 100%; max-width: 50rem; height: auto; } .activities-card app-consignes .consignes__audio-player .mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } .activities-card app-consignes .consignes__audio-player > div { width: 100%; } .activities-card app-consignes .consignes__audio-player audio { display: block; width: 100%; height: 4rem; border-radius: 12px; pointer-events: auto; } .activities-card .mat-mdc-card-content > app-consignes { width: 100%; } @media (min-width: 600px) { .activities-card .mat-mdc-card-content > app-consignes { max-width: var(--max-small-device); } } app-embedded-activities > * { overflow: hidden !important; position: relative; } app-embedded-activities > * .mat-mdc-card .mat-mdc-card-header { padding-top: clamp(20px, 1.52vw + 10.91px, 40px); } app-activities-feedback { display: contents; } app-activities-feedback .activities-feedback { gap: clamp(20px, 1.52vw + 10.91px, 40px); padding-inline: clamp(20px, 1.52vw + 10.91px, 40px); padding-top: clamp(10px, 0.76vw + 5.45px, 20px); padding-bottom: clamp(20px, 1.52vw + 10.91px, 40px); position: absolute; z-index: 3; bottom: 0; left: 0; right: 0; display: grid; justify-items: stretch; grid-template-columns: repeat(2, auto); background-color: var(--discoveredanswerbackground, #006AA6); color: var(--white, #FFF); border-top: 2px solid var(--discoveredanswerstroke, #CEE1EC); box-shadow: 0px -30px 50px 0px rgba(255, 255, 255, 0.3); font-size: 1.6rem; font-weight: 700; transition: transform 200ms ease-in-out; } app-activities-feedback .activities-feedback .activities-feedback__toggle-button { position: absolute; top: 0; left: 50%; margin-inline: auto; padding-top: 1.5rem; padding-inline: 2rem; background-color: inherit; color: white; border-top: 2px solid var(--discoveredanswerstroke, #CEE1EC); border-right: 2px solid var(--discoveredanswerstroke, #CEE1EC); border-bottom: unset; border-left: 2px solid var(--discoveredanswerstroke, #CEE1EC); border-top-left-radius: 12px; border-top-right-radius: 12px; transform: translate(-50%, -100%); } app-activities-feedback .activities-feedback .activities-feedback__toggle-button .activities-feedback__toggle-icon { flex: none; width: 1.5rem; min-width: unset; height: auto; min-height: unset; transition: transform 200ms ease-in-out; } app-activities-feedback .activities-feedback .activities-feedback__toggle-button .activities-feedback__toggle-icon svg { width: 100%; min-width: unset; height: auto; min-height: unset; } app-activities-feedback .activities-feedback .activities-feedback__short-feedback { gap: clamp(10px, 0.76vw + 5.45px, 20px); grid-column: 1/span 1; grid-row: 1/span 1; justify-self: start; display: flex; align-items: center; } app-activities-feedback .activities-feedback .activities-feedback__short-feedback .activities-feedback__short-feedback-icon { flex: none; display: flex; justify-content: center; align-items: center; width: 3.5rem; min-width: unset; height: auto; min-height: unset; aspect-ratio: 1; background-color: var(--discoveredanswerstroke, #CEE1EC); color: var(--discoveredanswerbackground, #006AA6); border-radius: 50%; } app-activities-feedback .activities-feedback .activities-feedback__short-feedback .activities-feedback__short-feedback-icon svg { width: 85%; min-width: unset; height: auto; min-height: unset; } app-activities-feedback .activities-feedback .activities-feedback__short-feedback .activities-feedback__short-feedback-text { margin: unset; } app-activities-feedback .activities-feedback .activities-feedback__action-button { margin-bottom: 4px; color: var(--discoveredanswerbackground, #006AA6); background-color: var(--white, #FFF); border: var(--discoveredanswerstroke, #CEE1EC); box-shadow: 0px 4px 0px 0px var(--discoveredanswerstroke, #CEE1EC); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; grid-column: 2/span 1; grid-row: 1/span 1; justify-self: end; } app-activities-feedback .activities-feedback .activities-feedback__action-button mat-icon.mat-icon, app-activities-feedback .activities-feedback .activities-feedback__action-button .mdc-label { color: inherit; } app-activities-feedback .activities-feedback .activities-feedback__action-button:active, app-activities-feedback .activities-feedback .activities-feedback__action-button[disabled], app-activities-feedback .activities-feedback .activities-feedback__action-button.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } app-activities-feedback .activities-feedback .activities-feedback__action-button[disabled], app-activities-feedback .activities-feedback .activities-feedback__action-button.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } @media screen and (min-width: 960px) { app-activities-feedback .activities-feedback .activities-feedback__action-button { min-width: 15rem; } } app-activities-feedback .activities-feedback .activities-feedback__action-button .activities-feedback__action-label { display: none; } @media screen and (min-width: 600px) { app-activities-feedback .activities-feedback .activities-feedback__action-button .activities-feedback__action-label { display: initial; } } app-activities-feedback .activities-feedback.correct { background-color: var(--goodanswerbackground, #027F77); border-color: var(--goodanswerstroke, #009E94); } app-activities-feedback .activities-feedback.correct .activities-feedback__toggle-button { border-color: inherit; } app-activities-feedback .activities-feedback.correct .activities-feedback__short-feedback .activities-feedback__short-feedback-icon { background-color: var(--goodanswerstroke, #009E94); color: white; } app-activities-feedback .activities-feedback.correct .activities-feedback__action-button { color: var(--goodanswerstroke, #009E94); border-color: var(--goodanswerstroke, #009E94); box-shadow: 0px 4px 0px 0px var(--goodanswerstroke, #009E94); } app-activities-feedback .activities-feedback.wrong { background-color: var(--badanswerbackground, #000A10); border-color: var(--badanswerstroke, #52758E); } app-activities-feedback .activities-feedback.wrong .activities-feedback__toggle-button { border-color: inherit; } app-activities-feedback .activities-feedback.wrong .activities-feedback__short-feedback .activities-feedback__short-feedback-icon { background-color: var(--badanswerstroke, #52758E); color: white; } app-activities-feedback .activities-feedback.wrong .activities-feedback__action-button { color: var(--badanswerbackground, #000A10); border-color: var(--badanswerstroke, #52758E); box-shadow: 0px 4px 0px 0px var(--badanswerstroke, #52758E); } app-activities-feedback .activities-feedback.activities-feedback--folded { transform: translateY(calc(100% - clamp(10px, 0.76vw + 5.45px, 20px))); } app-activities-feedback .activities-feedback.activities-feedback--folded .activities-feedback__toggle-button .activities-feedback__toggle-icon { transform: rotate(-180deg); } app-what-is-missing mat-card.activities-card .mat-mdc-card-footer, app-what-is-missing-audio mat-card.activities-card .mat-mdc-card-footer { flex-direction: column; gap: 20px; } app-what-is-missing mat-card.activities-card .mat-mdc-card-footer .available-answers button span::first-letter, app-what-is-missing-audio mat-card.activities-card .mat-mdc-card-footer .available-answers button span::first-letter { text-transform: uppercase; } app-what-is-missing mat-card.activities-card .mat-mdc-card-footer audio, app-what-is-missing-audio mat-card.activities-card .mat-mdc-card-footer audio { display: none; } @media (min-width: 600px) { app-what-is-missing mat-card.activities-card.hidden-answers, app-what-is-missing-audio mat-card.activities-card.hidden-answers { flex-direction: row; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; } app-what-is-missing mat-card.activities-card.hidden-answers mat-card-header.mat-mdc-card-header, app-what-is-missing-audio mat-card.activities-card.hidden-answers mat-card-header.mat-mdc-card-header { flex: 1; min-width: 100%; } app-what-is-missing mat-card.activities-card.hidden-answers mat-card-content.mat-mdc-card-content, app-what-is-missing-audio mat-card.activities-card.hidden-answers mat-card-content.mat-mdc-card-content { flex: 5; } app-what-is-missing mat-card.activities-card.hidden-answers mat-card-footer.mat-mdc-card-footer, app-what-is-missing-audio mat-card.activities-card.hidden-answers mat-card-footer.mat-mdc-card-footer { flex: 4; } } app-true-false .activities-card .mat-mdc-card-content .available-answers { grid-template-rows: 1fr; } app-multimedia .activities-card .mat-mdc-card-content { overflow: auto; } @media (min-width: 600px) { app-multimedia .activities-card .mat-mdc-card-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } } app-multimedia .activities-card .mat-mdc-card-content app-consignes { flex: none; } app-text-matching mat-card.activities-card .mat-mdc-card-content { gap: clamp(20px, 1.52vw + 10.91px, 40px); margin-block: auto; flex: 1; display: grid; align-self: center; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(max(10rem, 10vw), 32.5rem)); grid-auto-rows: minmax(calc(max(10rem, 10vw) / 1.7777777778), 18.28125rem); justify-content: center; align-content: center; max-width: calc(100% - clamp(20px, 1.52vw + 10.91px, 40px) * 2); max-height: calc(100vh - 40rem); padding: unset; } @supports selector(:has(*)) { app-text-matching mat-card.activities-card .mat-mdc-card-content { flex: none; } app-text-matching mat-card.activities-card .mat-mdc-card-content:has(> * > *:nth-child(2):last-child) { aspect-ratio: 1.7777777778; } app-text-matching mat-card.activities-card .mat-mdc-card-content:has(> * > *:nth-child(3):last-child) { aspect-ratio: 1.1851851852; } app-text-matching mat-card.activities-card .mat-mdc-card-content:has(> * > *:nth-child(4):last-child) { aspect-ratio: 0.8888888889; } } @media (orientation: landscape) { app-text-matching mat-card.activities-card .mat-mdc-card-content { grid-auto-flow: column; grid-template-columns: unset; grid-auto-columns: minmax(max(10rem, 10vw), 32.5rem); grid-template-rows: repeat(2, minmax(calc(max(10rem, 10vw) / 1.7777777778), 18.28125rem)); grid-auto-rows: unset; } @supports selector(:has(*)) { app-text-matching mat-card.activities-card .mat-mdc-card-content:has(> * > *:nth-child(2):last-child) { aspect-ratio: 1.7777777778; } app-text-matching mat-card.activities-card .mat-mdc-card-content:has(> * > *:nth-child(3):last-child) { aspect-ratio: 2.6666666667; } app-text-matching mat-card.activities-card .mat-mdc-card-content:has(> * > *:nth-child(4):last-child) { aspect-ratio: 3.5555555556; } } } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available, app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected, app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers, app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers { display: contents; } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available > *, app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected > *, app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers > *, app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers > * { width: auto; max-width: 100%; height: 100%; max-height: 100%; aspect-ratio: 1.7777777778; padding: unset; } @media (orientation: landscape) { app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available > *, app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected > *, app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers > *, app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers > * { width: 100%; height: auto; } } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available > * img, app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected > * img, app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers > * img, app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers > * img { border-radius: 9px; } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available > *.button-text span, app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available > *.button-text p, app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected > *.button-text span, app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected > *.button-text p, app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers > *.button-text span, app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers > *.button-text p, app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers > *.button-text span, app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers > *.button-text p { padding: clamp(10px, 0.76vw + 5.45px, 20px); overflow-y: auto; overflow-x: hidden; margin: unset; } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(1) { grid-column: 1/span 1; grid-row: 1/span 1; justify-self: end; align-self: stretch; } @media (orientation: landscape) { app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(1) { grid-column: 1/span 1; grid-row: 2/span 1; justify-self: center; align-self: start; } } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(2) { grid-column: 1/span 1; grid-row: 2/span 1; justify-self: end; align-self: stretch; } @media (orientation: landscape) { app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(2) { grid-column: 2/span 1; grid-row: 2/span 1; justify-self: center; align-self: start; } } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(3) { grid-column: 1/span 1; grid-row: 3/span 1; justify-self: end; align-self: stretch; } @media (orientation: landscape) { app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(3) { grid-column: 3/span 1; grid-row: 2/span 1; justify-self: center; align-self: start; } } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(4) { grid-column: 1/span 1; grid-row: 4/span 1; justify-self: end; align-self: stretch; } @media (orientation: landscape) { app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(4) { grid-column: 4/span 1; grid-row: 2/span 1; justify-self: center; align-self: start; } } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1) { grid-column: 2/span 1; grid-row: 1/span 1; justify-self: start; align-self: stretch; } @media (orientation: landscape) { app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1) { grid-column: 1/span 1; grid-row: 1/span 1; justify-self: center; align-self: end; } } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2) { grid-column: 2/span 1; grid-row: 2/span 1; justify-self: start; align-self: stretch; } @media (orientation: landscape) { app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2) { grid-column: 2/span 1; grid-row: 1/span 1; justify-self: center; align-self: end; } } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3) { grid-column: 2/span 1; grid-row: 3/span 1; justify-self: start; align-self: stretch; } @media (orientation: landscape) { app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3) { grid-column: 3/span 1; grid-row: 1/span 1; justify-self: center; align-self: end; } } app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4) { grid-column: 2/span 1; grid-row: 4/span 1; justify-self: start; align-self: stretch; } @media (orientation: landscape) { app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-text-matching mat-card.activities-card .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4) { grid-column: 4/span 1; grid-row: 1/span 1; justify-self: center; align-self: end; } } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content { flex-direction: column; display: flex; justify-content: center; } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content #container-for-answers-selected, app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content .available-answers { flex-direction: row; display: flex; flex-wrap: wrap; flex: 1; align-items: center; gap: 10px; max-width: inherit; align-content: center; justify-content: center; } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content #container-for-answers-selected > *, app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content .available-answers > * { min-height: 65px; padding-block: 0; padding-inline: clamp(10px, 0.76vw + 5.45px, 20px); gap: inherit; transform: translateY(0); flex: 1; height: auto; min-width: 140px; flex-grow: 0; } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content #container-for-answers-selected > * span, app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content .available-answers > * span { text-align: center; } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content #container-for-answers-selected { order: 1; } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content #container-for-answers-selected > * { pointer-events: none; } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content #container-for-answers-selected > *.pristine { box-shadow: none; border: none; border-bottom: 3px solid rgba(var(--textdisabled-rgb), 0.8); border-radius: 0; } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content #container-for-answers-selected > *.pristine span { display: none; } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content #container-for-answers-selected > *.pristine:before, app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content #container-for-answers-selected > *.pristine:after { display: none; } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content .available-answers { order: 2; align-content: flex-start; } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content .available-answers > *.was-correct { box-shadow: none; border: none; background-color: rgba(var(--textdisabled-rgb), 0.3); } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content .available-answers > *.was-correct span { display: none; } app-order-matching mat-card.activities-card.order-sentence .mat-mdc-card-content .available-answers > *.was-correct:before { display: none; } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content { gap: clamp(20px, 1.52vw + 10.91px, 40px); margin-block: auto; flex: 1; display: grid; align-self: center; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(max(10rem, 10vw), 32.5rem)); grid-auto-rows: minmax(calc(max(10rem, 10vw) / 1.7777777778), 18.28125rem); justify-content: center; align-content: center; max-width: calc(100% - clamp(20px, 1.52vw + 10.91px, 40px) * 2); max-height: calc(100vh - 40rem); padding: unset; } @supports selector(:has(*)) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content { flex: none; } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content:has(> * > *:nth-child(2):last-child) { aspect-ratio: 1.7777777778; } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content:has(> * > *:nth-child(3):last-child) { aspect-ratio: 1.1851851852; } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content:has(> * > *:nth-child(4):last-child) { aspect-ratio: 0.8888888889; } } @media (orientation: landscape) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content { grid-auto-flow: column; grid-template-columns: unset; grid-auto-columns: minmax(max(10rem, 10vw), 32.5rem); grid-template-rows: repeat(2, minmax(calc(max(10rem, 10vw) / 1.7777777778), 18.28125rem)); grid-auto-rows: unset; } @supports selector(:has(*)) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content:has(> * > *:nth-child(2):last-child) { aspect-ratio: 1.7777777778; } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content:has(> * > *:nth-child(3):last-child) { aspect-ratio: 2.6666666667; } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content:has(> * > *:nth-child(4):last-child) { aspect-ratio: 3.5555555556; } } } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers { display: contents; } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available > *, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected > *, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers > *, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers > * { width: auto; max-width: 100%; height: 100%; max-height: 100%; aspect-ratio: 1.7777777778; padding: unset; } @media (orientation: landscape) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available > *, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected > *, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers > *, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers > * { width: 100%; height: auto; } } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available > * img, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected > * img, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers > * img, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers > * img { border-radius: 9px; } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available > *.button-text span, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available > *.button-text p, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected > *.button-text span, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected > *.button-text p, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers > *.button-text span, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers > *.button-text p, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers > *.button-text span, app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers > *.button-text p { padding: clamp(10px, 0.76vw + 5.45px, 20px); overflow-y: auto; overflow-x: hidden; margin: unset; } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(1) { grid-column: 1/span 1; grid-row: 1/span 1; justify-self: end; align-self: stretch; } @media (orientation: landscape) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(1) { grid-column: 1/span 1; grid-row: 2/span 1; justify-self: center; align-self: start; } } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(2) { grid-column: 1/span 1; grid-row: 2/span 1; justify-self: end; align-self: stretch; } @media (orientation: landscape) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(2) { grid-column: 2/span 1; grid-row: 2/span 1; justify-self: center; align-self: start; } } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(3) { grid-column: 1/span 1; grid-row: 3/span 1; justify-self: end; align-self: stretch; } @media (orientation: landscape) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(3) { grid-column: 3/span 1; grid-row: 2/span 1; justify-self: center; align-self: start; } } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(4) { grid-column: 1/span 1; grid-row: 4/span 1; justify-self: end; align-self: stretch; } @media (orientation: landscape) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-available, .even-answers) > *:nth-child(4) { grid-column: 4/span 1; grid-row: 2/span 1; justify-self: center; align-self: start; } } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1) { grid-column: 2/span 1; grid-row: 1/span 1; justify-self: start; align-self: stretch; } @media (orientation: landscape) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(1) { grid-column: 1/span 1; grid-row: 1/span 1; justify-self: center; align-self: end; } } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2) { grid-column: 2/span 1; grid-row: 2/span 1; justify-self: start; align-self: stretch; } @media (orientation: landscape) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(2) { grid-column: 2/span 1; grid-row: 1/span 1; justify-self: center; align-self: end; } } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3) { grid-column: 2/span 1; grid-row: 3/span 1; justify-self: start; align-self: stretch; } @media (orientation: landscape) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(3) { grid-column: 3/span 1; grid-row: 1/span 1; justify-self: center; align-self: end; } } app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4) { grid-column: 2/span 1; grid-row: 4/span 1; justify-self: start; align-self: stretch; } @media (orientation: landscape) { app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-available:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content #container-for-answers-selected:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .even-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4), app-order-matching mat-card.activities-card:not(.order-sentence) .mat-mdc-card-content .odd-answers:where(#container-for-answers-selected, .odd-answers) > *:nth-child(4) { grid-column: 4/span 1; grid-row: 1/span 1; justify-self: center; align-self: end; } } app-order-matching mat-card.activities-card:not(.order-sentence) #container-for-answers-selected { pointer-events: none; } app-order-matching mat-card.activities-card:not(.order-sentence) #container-for-answers-selected .button-order span { text-align: center; } app-order-matching mat-card.activities-card:not(.order-sentence) #container-for-answers-selected .button-order span.answer-position { font-size: clamp(4rem, 3.03vw + 2.18rem, 8rem); } app-memory mat-card.activities-card .mat-mdc-card-content { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; } app-memory-find-zone { gap: clamp(20px, 1.52vw + 10.91px, 40px); flex: 1; display: grid; grid-auto-flow: dense; grid-template-columns: repeat(2, minmax(max(10rem, 10vw), 32.5rem)); grid-auto-rows: minmax(calc(max(10rem, 10vw) / 1.7777777778), 18.28125rem); justify-content: center; align-content: center; max-width: 100%; max-height: calc(100vh - 40rem); margin: unset !important; padding: unset; } @supports selector(:has(*)) { app-memory-find-zone { flex: none; } app-memory-find-zone:has(> button:nth-of-type(4):last-of-type) { aspect-ratio: 1.7777777778; } app-memory-find-zone:has(> button:nth-of-type(5):last-of-type) { aspect-ratio: 1.4222222222; } app-memory-find-zone:has(> button:nth-of-type(6):last-of-type) { aspect-ratio: 1.1851851852; } app-memory-find-zone:has(> button:nth-of-type(7):last-of-type) { aspect-ratio: 1.0158730159; } app-memory-find-zone:has(> button:nth-of-type(8):last-of-type) { aspect-ratio: 0.8888888889; } } @media (orientation: landscape) { app-memory-find-zone { grid-template-columns: unset; grid-auto-columns: minmax(max(10rem, 10vw), 32.5rem); grid-template-rows: repeat(2, minmax(calc(max(10rem, 10vw) / 1.7777777778), 18.28125rem)); grid-auto-rows: unset; } @supports selector(:has(*)) { app-memory-find-zone:has(> button:nth-of-type(4):last-of-type) { aspect-ratio: 1.7777777778; } app-memory-find-zone:has(> button:nth-of-type(5):last-of-type) { aspect-ratio: 2.2222222222; } app-memory-find-zone:has(> button:nth-of-type(6):last-of-type) { aspect-ratio: 2.6666666667; } app-memory-find-zone:has(> button:nth-of-type(7):last-of-type) { aspect-ratio: 3.1111111111; } app-memory-find-zone:has(> button:nth-of-type(8):last-of-type) { aspect-ratio: 3.5555555556; } } } app-memory-find-zone .memory-find-zone__button { width: auto; min-width: 0; max-width: 100%; height: 100%; max-height: 100%; aspect-ratio: 1.7777777778; margin: unset; padding: unset; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button { width: 100%; height: auto; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(1):not(:nth-last-of-type(-n + 0)) { grid-column-start: 1; justify-self: end; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(1):not(:nth-last-of-type(-n + 0)) { grid-column-start: unset; grid-row-start: 1; justify-self: unset; align-self: end; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(1):nth-last-of-type(-n + 0) { grid-column-start: 2; justify-self: start; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(1):nth-last-of-type(-n + 0) { grid-column-start: unset; grid-row-start: 2; justify-self: unset; align-self: start; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(2):not(:nth-last-of-type(-n + 1)) { grid-column-start: 1; justify-self: end; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(2):not(:nth-last-of-type(-n + 1)) { grid-column-start: unset; grid-row-start: 1; justify-self: unset; align-self: end; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(2):nth-last-of-type(-n + 1) { grid-column-start: 2; justify-self: start; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(2):nth-last-of-type(-n + 1) { grid-column-start: unset; grid-row-start: 2; justify-self: unset; align-self: start; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(3):not(:nth-last-of-type(-n + 2)) { grid-column-start: 1; justify-self: end; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(3):not(:nth-last-of-type(-n + 2)) { grid-column-start: unset; grid-row-start: 1; justify-self: unset; align-self: end; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(3):nth-last-of-type(-n + 2) { grid-column-start: 2; justify-self: start; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(3):nth-last-of-type(-n + 2) { grid-column-start: unset; grid-row-start: 2; justify-self: unset; align-self: start; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(4):not(:nth-last-of-type(-n + 3)) { grid-column-start: 1; justify-self: end; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(4):not(:nth-last-of-type(-n + 3)) { grid-column-start: unset; grid-row-start: 1; justify-self: unset; align-self: end; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(4):nth-last-of-type(-n + 3) { grid-column-start: 2; justify-self: start; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(4):nth-last-of-type(-n + 3) { grid-column-start: unset; grid-row-start: 2; justify-self: unset; align-self: start; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(5):not(:nth-last-of-type(-n + 4)) { grid-column-start: 1; justify-self: end; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(5):not(:nth-last-of-type(-n + 4)) { grid-column-start: unset; grid-row-start: 1; justify-self: unset; align-self: end; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(5):nth-last-of-type(-n + 4) { grid-column-start: 2; justify-self: start; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(5):nth-last-of-type(-n + 4) { grid-column-start: unset; grid-row-start: 2; justify-self: unset; align-self: start; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(6):not(:nth-last-of-type(-n + 5)) { grid-column-start: 1; justify-self: end; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(6):not(:nth-last-of-type(-n + 5)) { grid-column-start: unset; grid-row-start: 1; justify-self: unset; align-self: end; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(6):nth-last-of-type(-n + 5) { grid-column-start: 2; justify-self: start; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(6):nth-last-of-type(-n + 5) { grid-column-start: unset; grid-row-start: 2; justify-self: unset; align-self: start; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(7):not(:nth-last-of-type(-n + 6)) { grid-column-start: 1; justify-self: end; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(7):not(:nth-last-of-type(-n + 6)) { grid-column-start: unset; grid-row-start: 1; justify-self: unset; align-self: end; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(7):nth-last-of-type(-n + 6) { grid-column-start: 2; justify-self: start; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(7):nth-last-of-type(-n + 6) { grid-column-start: unset; grid-row-start: 2; justify-self: unset; align-self: start; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(8):not(:nth-last-of-type(-n + 7)) { grid-column-start: 1; justify-self: end; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(8):not(:nth-last-of-type(-n + 7)) { grid-column-start: unset; grid-row-start: 1; justify-self: unset; align-self: end; } } app-memory-find-zone .memory-find-zone__button:nth-of-type(8):nth-last-of-type(-n + 7) { grid-column-start: 2; justify-self: start; } @media (orientation: landscape) { app-memory-find-zone .memory-find-zone__button:nth-of-type(8):nth-last-of-type(-n + 7) { grid-column-start: unset; grid-row-start: 2; justify-self: unset; align-self: start; } } app-memory-find-zone .memory-find-zone__button .memory-find-zone__button-title { position: absolute; z-index: 3; bottom: 0; right: 0; left: 0; display: flex; justify-content: center; padding: clamp(5px, 0.38vw + 2.73px, 10px) clamp(10px, 0.76vw + 5.45px, 20px); background-color: var(--primaryborder, #4B001C); border-top: 2px solid var(--primarybackground, #b10745); border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } app-memory-find-zone .memory-find-zone__button.currently-correct .memory-find-zone__button-title, app-memory-find-zone .memory-find-zone__button.was-correct .memory-find-zone__button-title { background-color: var(--goodanswerbackground, #027F77); border-top: 2px solid var(--goodanswerstroke, #009E94); } app-memory-find-zone .memory-find-zone__button.memory-find-zone__button--flipped:after { content: "?"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--white, #FFF); -webkit-text-stroke: 2px var(--primaryborder, #4B001C); font-size: clamp(6rem, 3.03vw + 4.18rem, 10rem); font-weight: 500; line-height: 1; } app-memory-find-zone .memory-find-zone__button.memory-find-zone__button--flipped:nth-of-type(odd):nth-of-type(3):after { transform: translate(-50%, -50%); } app-memory-find-zone .memory-find-zone__button.memory-find-zone__button--flipped:nth-of-type(odd):nth-of-type(5):after { transform: translate(-50%, -50%) rotate(25deg) scale(0.8); } app-memory-find-zone .memory-find-zone__button.memory-find-zone__button--flipped:nth-of-type(odd):not(:nth-of-type(3), :nth-of-type(5)):after { transform: translate(-50%, -50%) rotate(25deg); } app-memory-find-zone .memory-find-zone__button.memory-find-zone__button--flipped:nth-of-type(even):nth-of-type(2):after { transform: translate(-50%, -50%) rotate(-25deg) scale(0.8); } app-memory-find-zone .memory-find-zone__button.memory-find-zone__button--flipped:nth-of-type(even):nth-of-type(6):after { transform: translate(-50%, -50%) scale(0.8); } app-memory-find-zone .memory-find-zone__button.memory-find-zone__button--flipped:nth-of-type(even):not(:nth-of-type(2), :nth-of-type(6)):after { transform: translate(-50%, -50%) rotate(-25deg); } app-memory-find-zone .memory-find-zone__audio { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-dictionary .activities-card app-voice-recorder, app-language-lab .activities-card app-voice-recorder, app-voice-recorder-activity .activities-card app-voice-recorder { width: 100%; max-width: 100rem; } app-dictionary .activities-card app-voice-recorder .container-voice-recorder, app-language-lab .activities-card app-voice-recorder .container-voice-recorder, app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder { display: flex; flex-direction: column; gap: clamp(20px, 1.52vw + 10.91px, 40px); } @media (min-width: 600px) { app-dictionary .activities-card app-voice-recorder .container-voice-recorder, app-language-lab .activities-card app-voice-recorder .container-voice-recorder, app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder { flex-direction: row; justify-content: center; } } app-dictionary .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes, app-language-lab .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes, app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes { flex: 1 1 50%; min-width: 50%; } app-dictionary .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container, app-language-lab .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container, app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container { margin-bottom: 4px; color: var(--tertiarylabel, #006AA6); background-color: var(--tertiarybackground, #F7E6EC); border: 2px solid var(--tertiaryborder, #F0D0DB); box-shadow: 0px 4px 0px 0px var(--tertiaryborder, #F0D0DB); overflow: hidden; border-radius: 12px; } app-dictionary .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container mat-icon.mat-icon, app-dictionary .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .mdc-label, app-language-lab .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container mat-icon.mat-icon, app-language-lab .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .mdc-label, app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container mat-icon.mat-icon, app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .mdc-label { color: var(--tertiaryicon, #B10745); } app-dictionary .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .is-picture, app-language-lab .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .is-picture, app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .is-picture { background-color: var(--white, #FFF); } app-dictionary .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .is-picture img, app-language-lab .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .is-picture img, app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .is-picture img { display: block; width: 100%; min-width: 25rem; aspect-ratio: 16/9; object-fit: contain; } app-dictionary .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .voice-recorder__caption, app-language-lab .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .voice-recorder__caption, app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder .pseudo-consignes .container .voice-recorder__caption { padding-block: clamp(5px, 0.38vw + 2.73px, 10px); padding-inline: clamp(10px, 0.76vw + 5.45px, 20px); font: 400 12px / 20px var(--typo1), "Helvetica Neue", Arial, sans-serif; font-weight: 700; text-transform: uppercase; } app-dictionary .activities-card app-voice-recorder .container-voice-recorder .available-answers, app-language-lab .activities-card app-voice-recorder .container-voice-recorder .available-answers, app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder .available-answers { flex: 1 1 50%; display: flex; flex-direction: column; gap: clamp(10px, 0.76vw + 5.45px, 20px); max-width: 50rem; } app-dictionary .activities-card app-voice-recorder .container-voice-recorder .available-answers .bem-voice-recorder__button, app-language-lab .activities-card app-voice-recorder .container-voice-recorder .available-answers .bem-voice-recorder__button, app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder .available-answers .bem-voice-recorder__button { min-width: max-content; min-height: unset; aspect-ratio: unset; padding-block: clamp(5px, 0.38vw + 2.73px, 10px); padding-inline: clamp(10px, 0.76vw + 5.45px, 20px); } app-dictionary .activities-card app-voice-recorder .container-voice-recorder .available-answers button:not(.bem-voice-recorder__button), app-language-lab .activities-card app-voice-recorder .container-voice-recorder .available-answers button:not(.bem-voice-recorder__button), app-voice-recorder-activity .activities-card app-voice-recorder .container-voice-recorder .available-answers button:not(.bem-voice-recorder__button) { display: none; } app-image-zoning .activities-card.two-columns-layout #container-for-answers-selected { flex-direction: column; } app-image-zoning .activities-card.two-columns-layout #container-for-answers-selected > div { position: relative; flex: auto; width: 100%; height: 40px; background: rgba(15, 169, 255, 0.1); margin-bottom: 5px; } app-image-zoning .activities-card.two-columns-layout #container-for-answers-selected > div .answer-position { position: absolute; display: flex; top: 50%; left: 0; transform: translateY(-50%); } app-image-zoning .activities-card .mat-mdc-card-content { flex-basis: 0 !important; padding-bottom: 20px; display: flex; flex-direction: column; justify-content: flex-start; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers { display: flex; flex-direction: column; justify-content: stretch; align-items: center; max-width: unset; max-height: unset; padding: 0; margin: 0 !important; height: calc(70vh - 140px); } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container { aspect-ratio: auto; position: relative; overflow: visible; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: auto; height: 100%; background-size: cover; background-repeat: no-repeat; border: 2px solid var(--primaryborder, #4B001C); border-radius: 7px; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container.false-answer { border: 2px solid var(--primaryborder, #4B001C); } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container.true-answer { border: 2px solid #01844D; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container > div { width: 100%; height: 100%; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container > div img { overflow: hidden; width: auto; height: 100%; border: none; border-radius: 3px; box-shadow: none; filter: none; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container app-zone-generator { position: absolute; display: flex; width: 100%; height: 100%; opacity: 0.5; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container app-zone-generator .generated-column { width: 100%; padding: 1px; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container app-zone-generator .generated-column .generated-row-element { width: 100%; height: 25%; padding: 1px; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container app-zone-generator .generated-column .generated-row-element .colored-zone { width: 100%; height: 100%; background-color: transparent; border-radius: 3px; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container app-zone-generator .generated-column .generated-row-element .colored-zone.selected-true { background-color: #01844D; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container app-zone-generator .generated-column .generated-row-element .colored-zone:hover { cursor: pointer; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container app-zone-generator .generated-column .generated-row-element .colored-zone:active { background-color: #3A3A3A !important; opacity: 0.5; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers .container app-zone-generator .generated-column .generated-row-element.active-zone .colored-zone { background-color: #3A3A3A !important; opacity: 0.5; } app-image-zoning .activities-card .mat-mdc-card-content .available-answers audio { height: 0; } app-fill-in-blanks-child { flex: 3; display: flex; font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; color: var(--tertiarylabel, #006AA6); } app-fill-in-blanks-child .container { flex: 1; display: flex; justify-content: center; padding: 20px 10px; border-radius: 16px; border: 2px solid var(--progression-border, #CEE1EC); background: var(--progression-background, #E5EBF1); } app-fill-in-blanks-child .container input { background-color: transparent; } /** * If you have page-specific styles, it is better to put them in a pages/ folder, in a file named after the page. For instance, it’s not uncommon to have very specific styles for the home page hence the need for a _home.scss file in pages/. */ fuse-app-lessons-tab { display: contents !important; } fuse-app-lessons-tab .lessons-tab { flex: 1; display: flex; flex-direction: column; gap: 3rem; padding: 1.5rem; color: #000; } @media screen and (min-width: 600px) { fuse-app-lessons-tab .lessons-tab { padding: 1.5rem 2.4rem; } } fuse-app-lessons-tab .lessons-tab mat-spinner { margin-top: 15%; } fuse-app-lessons-tab .lessons-tab mat-spinner svg circle { stroke: #ebebeb !important; } fuse-app-lessons-tab .lessons-tab .lessons-tab__banner-info { margin: unset; } fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; align-self: flex-end; width: max-content !important; margin-bottom: -1.5rem; font-size: 1.4rem; } fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button .mat-icon + span { margin-right: 2px; } fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button span:has(+ .mat-icon) { margin-left: 2px; } } fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button:hover, fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button:hover .mat-icon, fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button:active .mat-icon { color: #000 !important; } fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button[disabled] .mat-icon { color: #989CA4 !important; } fuse-app-lessons-tab .lessons-tab .lessons-tab__filter-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } fuse-app-lessons-tab .lessons-tab .lessons-tab__toolbar { margin: unset !important; } fuse-app-lessons-tab .lessons-tab .lessons-tab__cards { flex: 1; overflow: unset; display: grid; grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr)); align-content: start; align-items: stretch; gap: 2.4rem; } @media screen and (min-width: 600px) { fuse-app-lessons-tab .lessons-tab .lessons-tab__cards { grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr)); } } @media screen and (min-width: 960px) { fuse-app-lessons-tab .lessons-tab .lessons-tab__cards { grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr)); } } @media screen and (min-width: 1280px) { fuse-app-lessons-tab .lessons-tab .lessons-tab__cards { grid-template-columns: repeat(auto-fill, minmax(45rem, 1fr)); } } @media screen and (min-width: 1920px) { fuse-app-lessons-tab .lessons-tab .lessons-tab__cards { grid-template-columns: repeat(auto-fill, minmax(50rem, 1fr)); } } body.player.summary, body.is-player-active.summary { /* *********************************************************************************** * app-summary-sub-lesson */ } body.player.summary #lessons app-stepper-wrapper > .page-layout > .center content .outlet-player-navigation > .previous-wrapper, body.player.summary #lessons app-multi-graph-view app-errors-graph app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .previous-wrapper, app-multi-graph-view app-errors-graph body.player.summary #lessons app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .previous-wrapper, body.player.summary #lessons app-single-graph-view app-errors-graph app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .previous-wrapper, app-single-graph-view app-errors-graph body.player.summary #lessons app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .previous-wrapper, body.player.summary #lessons app-stepper-wrapper > .page-layout > .center content .outlet-player-navigation > .next-wrapper, body.player.summary #lessons app-multi-graph-view app-errors-graph app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .next-wrapper, app-multi-graph-view app-errors-graph body.player.summary #lessons app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .next-wrapper, body.player.summary #lessons app-single-graph-view app-errors-graph app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .next-wrapper, app-single-graph-view app-errors-graph body.player.summary #lessons app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .next-wrapper, body.player.summary app-keyboard-latex-field, body.is-player-active.summary #lessons app-stepper-wrapper > .page-layout > .center content .outlet-player-navigation > .previous-wrapper, body.is-player-active.summary #lessons app-multi-graph-view app-errors-graph app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .previous-wrapper, app-multi-graph-view app-errors-graph body.is-player-active.summary #lessons app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .previous-wrapper, body.is-player-active.summary #lessons app-single-graph-view app-errors-graph app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .previous-wrapper, app-single-graph-view app-errors-graph body.is-player-active.summary #lessons app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .previous-wrapper, body.is-player-active.summary #lessons app-stepper-wrapper > .page-layout > .center content .outlet-player-navigation > .next-wrapper, body.is-player-active.summary #lessons app-multi-graph-view app-errors-graph app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .next-wrapper, app-multi-graph-view app-errors-graph body.is-player-active.summary #lessons app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .next-wrapper, body.is-player-active.summary #lessons app-single-graph-view app-errors-graph app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .next-wrapper, app-single-graph-view app-errors-graph body.is-player-active.summary #lessons app-stepper-wrapper > .page-layout > .no-data-container content .outlet-player-navigation > .next-wrapper, body.is-player-active.summary app-keyboard-latex-field { display: none; } body.player.summary fuse-app-lessons, body.is-player-active.summary fuse-app-lessons { height: 100%; } body.player.summary mat-sidenav-content.mat-sidenav-content.headerVisible > .content, body.is-player-active.summary mat-sidenav-content.mat-sidenav-content.headerVisible > .content { height: 100%; } body.player.summary mat-sidenav-content.mat-sidenav-content > .content, body.is-player-active.summary mat-sidenav-content.mat-sidenav-content > .content { max-width: 100%; } body.player.summary app-summary-sub-lesson .page-layout.simple, body.is-player-active.summary app-summary-sub-lesson .page-layout.simple { height: 100vh; max-height: 100vh; overflow: auto; /* ********************** mat-accordion ***************** */ /* ****************************************************** */ } body.player.summary app-summary-sub-lesson .page-layout.simple.inner-scroll .mat-expansion-panel-body, body.is-player-active.summary app-summary-sub-lesson .page-layout.simple.inner-scroll .mat-expansion-panel-body { flex: 1 1 0; padding: 20px 20%; } @media (max-width: 959px) { body.player.summary app-summary-sub-lesson .page-layout.simple.inner-scroll .mat-expansion-panel-body, body.is-player-active.summary app-summary-sub-lesson .page-layout.simple.inner-scroll .mat-expansion-panel-body { padding: 20px 8%; } } body.player.summary app-summary-sub-lesson .page-layout.simple mat-accordion, body.is-player-active.summary app-summary-sub-lesson .page-layout.simple mat-accordion { flex: 1; display: flex; flex-direction: column; } body.player.summary app-summary-sub-lesson .page-layout.simple mat-accordion mat-expansion-panel, body.is-player-active.summary app-summary-sub-lesson .page-layout.simple mat-accordion mat-expansion-panel { flex: none; display: flex; flex-direction: column; background-color: inherit; } /* *********************************************************************************** * app-summary-sub-lesson */ app-summary-sub-lesson { background-color: #F9FBFF; } app-summary-sub-lesson .summary .summary__grade-container { display: flex; flex-direction: column; align-items: center; gap: 2rem; } app-summary-sub-lesson .summary .summary__grade-container .summary__grade { padding: 1rem 3rem; background-color: var(--goodanswerstroke, #009E94); color: var(--white, #FFF); border-radius: 52px; font-size: 3.6rem; font-weight: 700; line-height: 1.2; } app-summary-sub-lesson .summary .summary__grade-container .summary__grade-feedback { max-width: 80rem; margin-block: unset; text-align: center; font-size: 1.8rem; font-weight: 700; line-height: 1.4; } app-summary-sub-lesson .summary mat-expansion-panel.mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: none; } app-summary-sub-lesson .summary mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header, app-summary-sub-lesson .summary mat-expansion-panel.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):focus, app-summary-sub-lesson .summary mat-expansion-panel.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover, app-summary-sub-lesson .summary mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header:focus, app-summary-sub-lesson .summary mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header:hover { background-color: transparent; height: auto; } app-summary-sub-lesson .summary .mat-expansion-panel-header { display: flex; align-items: center; flex-direction: column; height: auto; padding: 0; } app-summary-sub-lesson .summary .mat-expansion-panel-header .mat-content { background-color: #E8EDF6; flex-direction: column; display: flex; align-items: center; align-self: stretch; margin: 0 0 40px 0; overflow: visible !important; overflow: auto; visibility: visible; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15); } app-summary-sub-lesson .summary .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title { order: 2; flex: 0; margin: 0; } app-summary-sub-lesson .summary .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title .recap-header { margin: 0 0 -20px 0; box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px 26px 10px 30px; gap: 9px; height: 44px; left: 496px; top: 250px; color: var(--secondarylabel, #B10745); background: #FFFFFF; border: 1px solid var(--secondaryborder, #B10745); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); border-radius: 5px; align-self: center; } app-summary-sub-lesson .summary .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description { order: 1; flex: 0; display: flex; justify-content: center; align-self: stretch; margin: 0 0 5rem; padding: 16px; background-color: white; box-shadow: 0px 12px 40px -25px rgba(0, 0, 0, 0.5); text-align: center; } app-summary-sub-lesson .summary .mat-expansion-panel-header .select-arrow { width: 24px; height: 24px; margin: 0 4px; border: none; background-color: var(--secondarylabel, #B10745); -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/chevron-up.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/chevron-up.svg"); } app-summary-sub-lesson .summary .mat-expansion-panel-header.mat-expanded .select-arrow { transform: rotate(180deg); } app-summary-sub-lesson .summary mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body { display: flex; flex-direction: column; gap: 37px; } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity { border-radius: clamp(16px, 1.52vw + 10.91px, 24px); } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity.discovered { background-color: var(--discoveredanswerstroke, #CEE1EC); border-top: 20px solid var(--discoveredanswerstroke, #CEE1EC); border-bottom: 20px solid var(--discoveredanswerstroke, #CEE1EC); border-left: 5px solid var(--discoveredanswerstroke, #CEE1EC); border-right: 5px solid var(--discoveredanswerstroke, #CEE1EC); } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity.discovered .bem-summary-sub-lesson__activity-header { background-color: var(--discoveredanswerbackground, #006AA6); } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity.was-correct { background-color: var(--goodanswerstroke, #009E94); border-top: 20px solid var(--goodanswerstroke, #009E94); border-bottom: 20px solid var(--goodanswerstroke, #009E94); border-left: 5px solid var(--goodanswerstroke, #009E94); border-right: 5px solid var(--goodanswerstroke, #009E94); } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity.was-correct .bem-summary-sub-lesson__activity-header { background-color: var(--goodanswerbackground, #027F77); } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity.incorrect, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity.missing { background-color: var(--badanswerstroke, #52758E); border-top: 20px solid var(--badanswerstroke, #52758E); border-bottom: 20px solid var(--badanswerstroke, #52758E); border-left: 5px solid var(--badanswerstroke, #52758E); border-right: 5px solid var(--badanswerstroke, #52758E); } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity.incorrect .bem-summary-sub-lesson__activity-header, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity.missing .bem-summary-sub-lesson__activity-header { background-color: var(--badanswerbackground, #000A10); } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-header { position: relative; padding-block: clamp(10px, 0.76vw + 5.45px, 20px); padding-inline: clamp(20px, 1.52vw + 10.91px, 40px); border-top-left-radius: clamp(12px, 0.76vw + 5.45px, 26px); border-top-right-radius: clamp(12px, 0.76vw + 5.45px, 26px); min-height: 50px; color: var(--primarylabel--contrast, #FFF); text-align: center; } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-header .bem-summary-sub-lesson__activity-icon { position: absolute; z-index: 1; top: 0; left: 50%; transform: translate(-50%, -75%); width: 60px; height: 60px; border-radius: 50%; background-color: inherit; } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-header .bem-summary-sub-lesson__activity-icon svg { width: 30px; height: 30px; } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-header .bem-summary-sub-lesson__activity-counter { display: none; } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-header .bem-summary-sub-lesson__activity-title { margin: unset; font-size: 2rem; font-weight: 700; } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card { border-bottom-left-radius: clamp(12px, 0.76vw + 5.45px, 26px); border-bottom-right-radius: clamp(12px, 0.76vw + 5.45px, 26px); } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-multimedia .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-awareness .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcm .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcu .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-true-false .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-what-is-missing-audio .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-what-is-missing .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-text-matching .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-order-matching .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-short-answer .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-fill-in-blanks .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-memory .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-voice-recorder-activity .activities-card.mat-mdc-card, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-tool .activities-card.mat-mdc-card { padding: 10px 0; } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-multimedia app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-awareness app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcm app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcu app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-true-false app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-what-is-missing-audio app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-what-is-missing app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-text-matching app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-order-matching app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-short-answer app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-fill-in-blanks app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-memory app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-voice-recorder-activity app-consignes .container, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-tool app-consignes .container { min-height: 40px; } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-multimedia mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-awareness mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcm mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcu mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-true-false mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-what-is-missing-audio mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-what-is-missing mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-text-matching mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-order-matching mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-short-answer mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-fill-in-blanks mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-memory mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-voice-recorder-activity mat-card-footer, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-tool mat-card-footer { display: none; } @media (min-width: 600px) { app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcm .activities-card > mat-card-content.mat-mdc-card-content, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcu .activities-card > mat-card-content.mat-mdc-card-content { max-width: 97%; } } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcm .activities-card > mat-card-content.mat-mdc-card-content button, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcm .activities-card > mat-card-content.mat-mdc-card-content .mat-mdc-checkbox, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcu .activities-card > mat-card-content.mat-mdc-card-content button, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcu .activities-card > mat-card-content.mat-mdc-card-content .mat-mdc-checkbox { padding: 0 10px; } app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcm .activities-card > mat-card-content.mat-mdc-card-content button .mdc-label, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcm .activities-card > mat-card-content.mat-mdc-card-content button.btn-option, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcm .activities-card > mat-card-content.mat-mdc-card-content .mat-mdc-checkbox .mdc-label, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcm .activities-card > mat-card-content.mat-mdc-card-content .mat-mdc-checkbox.btn-option, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcu .activities-card > mat-card-content.mat-mdc-card-content button .mdc-label, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcu .activities-card > mat-card-content.mat-mdc-card-content button.btn-option, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcu .activities-card > mat-card-content.mat-mdc-card-content .mat-mdc-checkbox .mdc-label, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcu .activities-card > mat-card-content.mat-mdc-card-content .mat-mdc-checkbox.btn-option { line-height: 1.6rem !important; } @media (min-width: 600px) { app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcm .activities-card > mat-card-content.mat-mdc-card-content > app-consignes, app-summary-sub-lesson .summary .bem-summary-sub-lesson__activity .bem-summary-sub-lesson__activity-card app-qcu .activities-card > mat-card-content.mat-mdc-card-content > app-consignes { flex: 3; } } app-summary-sub-lesson .summary .summary__footer { flex: 1; padding: 2rem; background-color: lightgray; display: flex; flex-direction: column; align-items: center; row-gap: 10px; } app-summary-sub-lesson .summary .summary__footer button { min-width: 30rem; max-width: 100%; } app-summary-sub-lesson .summary .summary__footer button + button { margin-left: 0; } app-summary-sub-lesson .summary .summary__footer button.summary__next-button { margin-bottom: 4px; color: var(--primarylabel, #FFF); background-color: var(--primarybackground, #B10745); border: 2px solid var(--primaryborder, #4B001C); box-shadow: 0px 4px 0px 0px var(--primaryborder, #4B001C); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; } app-summary-sub-lesson .summary .summary__footer button.summary__next-button mat-icon.mat-icon, app-summary-sub-lesson .summary .summary__footer button.summary__next-button .mdc-label { color: inherit; } app-summary-sub-lesson .summary .summary__footer button.summary__next-button:hover, app-summary-sub-lesson .summary .summary__footer button.summary__next-button:focus { background-color: var(--primarybackground--hover, #C9084F); } app-summary-sub-lesson .summary .summary__footer button.summary__next-button:active, app-summary-sub-lesson .summary .summary__footer button.summary__next-button[disabled], app-summary-sub-lesson .summary .summary__footer button.summary__next-button.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } app-summary-sub-lesson .summary .summary__footer button.summary__next-button:active { color: var(--primarylabel--contrast, #FFF); background-color: var(--primaryborder, #4B001C); border: 2px solid var(--primarybackground, #B10745); } app-summary-sub-lesson .summary .summary__footer button.summary__next-button[disabled], app-summary-sub-lesson .summary .summary__footer button.summary__next-button.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } app-summary-sub-lesson .summary .summary__footer button:not(.summary__next-button) { margin-bottom: 4px; color: var(--secondarylabel, #B10745); background-color: var(--secondarybackground, #FFF); border: 2px solid var(--secondarylabel, #B10745); box-shadow: 0px 4px 0px 0px var(--secondarylabel, #B10745); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; } app-summary-sub-lesson .summary .summary__footer button:not(.summary__next-button) mat-icon.mat-icon, app-summary-sub-lesson .summary .summary__footer button:not(.summary__next-button) .mdc-label { color: inherit; } app-summary-sub-lesson .summary .summary__footer button:not(.summary__next-button):hover, app-summary-sub-lesson .summary .summary__footer button:not(.summary__next-button):focus { background-color: var(--secondarybackground--hover, #FFF); } app-summary-sub-lesson .summary .summary__footer button:not(.summary__next-button):active, app-summary-sub-lesson .summary .summary__footer button:not(.summary__next-button)[disabled], app-summary-sub-lesson .summary .summary__footer button:not(.summary__next-button).mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } app-summary-sub-lesson .summary .summary__footer button:not(.summary__next-button):active { background-color: var(--secondarybackground--active, #F7E6EC); } app-summary-sub-lesson .summary .summary__footer button:not(.summary__next-button)[disabled], app-summary-sub-lesson .summary .summary__footer button:not(.summary__next-button).mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } app-summary-sub-lesson .summary.summary--grade-only { padding: clamp(20px, 1.52vw + 10.91px, 40px); justify-content: center; gap: 4rem; } @media screen and (min-width: 600px) { app-summary-sub-lesson .summary.summary--grade-only { background-image: unset; background-size: unset; background-position: unset; background-repeat: unset; } } app-summary-sub-lesson .summary.summary--grade-only .summary__footer { flex: none; } app-summary-sub-lesson .summary.summary--grade-only .summary__footer .summary__back-button { margin-bottom: 4px; color: var(--primarylabel, #FFF); background-color: var(--primarybackground, #B10745); border: 2px solid var(--primaryborder, #4B001C); box-shadow: 0px 4px 0px 0px var(--primaryborder, #4B001C); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; } app-summary-sub-lesson .summary.summary--grade-only .summary__footer .summary__back-button mat-icon.mat-icon, app-summary-sub-lesson .summary.summary--grade-only .summary__footer .summary__back-button .mdc-label { color: inherit; } app-summary-sub-lesson .summary.summary--grade-only .summary__footer .summary__back-button:hover, app-summary-sub-lesson .summary.summary--grade-only .summary__footer .summary__back-button:focus { background-color: var(--primarybackground--hover, #C9084F); } app-summary-sub-lesson .summary.summary--grade-only .summary__footer .summary__back-button:active, app-summary-sub-lesson .summary.summary--grade-only .summary__footer .summary__back-button[disabled], app-summary-sub-lesson .summary.summary--grade-only .summary__footer .summary__back-button.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } app-summary-sub-lesson .summary.summary--grade-only .summary__footer .summary__back-button:active { color: var(--primarylabel--contrast, #FFF); background-color: var(--primaryborder, #4B001C); border: 2px solid var(--primarybackground, #B10745); } app-summary-sub-lesson .summary.summary--grade-only .summary__footer .summary__back-button[disabled], app-summary-sub-lesson .summary.summary--grade-only .summary__footer .summary__back-button.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } app-generic-stepper { padding-bottom: 10px; } app-generic-stepper .generic-stepper__container { align-items: center !important; padding: 0 var(--padding-lateral-viewport); min-height: 65px; background-color: #ebebeb; } app-generic-stepper .generic-stepper__container button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; flex: none; margin: unset; } app-generic-stepper .generic-stepper__container button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-generic-stepper .generic-stepper__container button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-generic-stepper .generic-stepper__container button .mat-icon + span { margin-right: 2px; } app-generic-stepper .generic-stepper__container button span:has(+ .mat-icon) { margin-left: 2px; } } app-generic-stepper .generic-stepper__container button:hover, app-generic-stepper .generic-stepper__container button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-generic-stepper .generic-stepper__container button:hover .mat-icon, app-generic-stepper .generic-stepper__container button.cdk-keyboard-focused .mat-icon { color: !important; } app-generic-stepper .generic-stepper__container button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-generic-stepper .generic-stepper__container button:active .mat-icon { color: !important; } app-generic-stepper .generic-stepper__container button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-generic-stepper .generic-stepper__container button[disabled] .mat-icon { color: #989CA4 !important; } app-generic-stepper .generic-stepper__container button[disabled] { border: none; } app-generic-stepper .generic-stepper__container button span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-generic-stepper .generic-stepper__container .generic-stepper__left-toolbar, app-generic-stepper .generic-stepper__container .generic-stepper__right-toolbar { flex: none; display: flex; gap: 1.5rem; } app-generic-stepper .generic-stepper__container .generic-stepper__left-toolbar [toolbar-before-stepper], app-generic-stepper .generic-stepper__container .generic-stepper__left-toolbar [toolbar-after-stepper], app-generic-stepper .generic-stepper__container .generic-stepper__right-toolbar [toolbar-before-stepper], app-generic-stepper .generic-stepper__container .generic-stepper__right-toolbar [toolbar-after-stepper] { display: contents; } app-generic-stepper .generic-stepper__container .generic-stepper__left-toolbar { margin-right: auto; padding-right: 1.5rem; } app-generic-stepper .generic-stepper__container .generic-stepper__right-toolbar { margin-left: auto; padding-left: 1.5rem; } app-generic-stepper .generic-stepper__container .generic-stepper__select-field:is(.mat-mdc-form-field-type-mat-select) { --mat-form-field-container-height: "unset"; --mat-form-field-container-vertical-padding: "unset"; --mat-select-enabled-trigger-text-color: #000; --mat-select-trigger-text-line-height: 1.15; --mat-select-trigger-text-size: 1.6rem; --mat-select-trigger-text-weight: 600; --mdc-filled-text-field-container-color: #FFF; overflow: hidden; margin: 0 0.9rem; border: 1px solid #000; border-radius: 6px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); } app-generic-stepper .generic-stepper__container .generic-stepper__select-field:is(.mat-mdc-form-field-type-mat-select) .mat-mdc-text-field-wrapper { padding: 0.9rem 1.2rem; } app-generic-stepper .generic-stepper__container .generic-stepper__select-field:is(.mat-mdc-form-field-type-mat-select) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix { width: unset; } app-generic-stepper .generic-stepper__container .generic-stepper__select-field:is(.mat-mdc-form-field-type-mat-select) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value { width: 40ch; text-align: center; } app-generic-stepper .generic-stepper__container .generic-stepper__select-field:is(.mat-mdc-form-field-type-mat-select) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow { background-color: var(--mat-select-enabled-trigger-text-color); } app-generic-stepper .generic-stepper__container .generic-stepper__select-field:is(.mat-mdc-form-field-type-mat-select) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select:where(.mat-mdc-select-disabled) .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow { background-color: var(--mat-select-disabled-trigger-text-color); } app-generic-stepper .generic-stepper__container .generic-stepper__select-field:is(.mat-mdc-form-field-type-mat-select) .mat-mdc-text-field-wrapper .mdc-line-ripple { display: none; } app-generic-stepper .generic-stepper__container .generic-stepper__select-field:is(.mat-mdc-form-field-type-mat-select) .mat-mdc-form-field-subscript-wrapper:where(.mat-mdc-form-field-bottom-align)::before { content: none; } .mat-mdc-select-panel:where(.generic-stepper__select-panel) { --mat-option-selected-state-label-text-color: #000; } .mat-mdc-select-panel:where(.generic-stepper__select-panel) .mat-mdc-option { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #000; } .fuse-app-lessons-header.no-title { min-height: inherit !important; } app-read-pdf { height: 100%; } app-read-pdf .read-pdf__wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: clamp(10px, 0.76vw + 5.45px, 20px); height: 100%; } app-read-pdf .read-pdf__wrapper .read-pdf__icon { flex: auto; width: auto; min-width: 100px; max-width: 250px; height: auto; min-height: 100px; max-height: 250px; } app-read-pdf .read-pdf__wrapper .read-pdf__icon svg { width: 100%; height: 100%; } app-read-pdf .read-pdf__wrapper .read-pdf__button { margin-bottom: 4px; color: var(--primarylabel, #FFF); background-color: var(--primarybackground, #B10745); border: 2px solid var(--primaryborder, #4B001C); box-shadow: 0px 4px 0px 0px var(--primaryborder, #4B001C); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; } app-read-pdf .read-pdf__wrapper .read-pdf__button mat-icon.mat-icon, app-read-pdf .read-pdf__wrapper .read-pdf__button .mdc-label { color: inherit; } app-read-pdf .read-pdf__wrapper .read-pdf__button:hover, app-read-pdf .read-pdf__wrapper .read-pdf__button:focus { background-color: var(--primarybackground--hover, #C9084F); } app-read-pdf .read-pdf__wrapper .read-pdf__button:active, app-read-pdf .read-pdf__wrapper .read-pdf__button[disabled], app-read-pdf .read-pdf__wrapper .read-pdf__button.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } app-read-pdf .read-pdf__wrapper .read-pdf__button:active { color: var(--primarylabel--contrast, #FFF); background-color: var(--primaryborder, #4B001C); border: 2px solid var(--primarybackground, #B10745); } app-read-pdf .read-pdf__wrapper .read-pdf__button[disabled], app-read-pdf .read-pdf__wrapper .read-pdf__button.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } app-tool .tool__card .tool__content { overflow: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: clamp(10px, 0.76vw + 5.45px, 20px); } app-tool .tool__card .tool__content .tool__image-wrapper, app-tool .tool__card .tool__content .tool__icon-wrapper { width: auto; min-width: 100px; max-width: 250px; height: auto; min-height: 100px; max-height: 250px; } app-tool .tool__card .tool__content .tool__image-wrapper img, app-tool .tool__card .tool__content .tool__image-wrapper svg, app-tool .tool__card .tool__content .tool__icon-wrapper img, app-tool .tool__card .tool__content .tool__icon-wrapper svg { width: 100%; height: 100%; } app-tool .tool__card .tool__content .tool__execute-button { margin-bottom: 4px; color: var(--primarylabel, #FFF); background-color: var(--primarybackground, #B10745); border: 2px solid var(--primaryborder, #4B001C); box-shadow: 0px 4px 0px 0px var(--primaryborder, #4B001C); font: 700 1.6rem / 1.2 var(--typo1), "Helvetica Neue", Arial, sans-serif; flex: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3rem; padding: 1rem 2rem; border-radius: 12px; cursor: pointer; transition: all 55ms linear; } app-tool .tool__card .tool__content .tool__execute-button mat-icon.mat-icon, app-tool .tool__card .tool__content .tool__execute-button .mdc-label { color: inherit; } app-tool .tool__card .tool__content .tool__execute-button:hover, app-tool .tool__card .tool__content .tool__execute-button:focus { background-color: var(--primarybackground--hover, #C9084F); } app-tool .tool__card .tool__content .tool__execute-button:active, app-tool .tool__card .tool__content .tool__execute-button[disabled], app-tool .tool__card .tool__content .tool__execute-button.mat-mdc-checkbox-disabled { box-shadow: none; transform: translateY(4px); } app-tool .tool__card .tool__content .tool__execute-button:active { color: var(--primarylabel--contrast, #FFF); background-color: var(--primaryborder, #4B001C); border: 2px solid var(--primarybackground, #B10745); } app-tool .tool__card .tool__content .tool__execute-button[disabled], app-tool .tool__card .tool__content .tool__execute-button.mat-mdc-checkbox-disabled { color: var(--disabledstroke, #52758E); background-color: var(--disabledbackground, #FBF5F7); border: 2px solid var(--disabledstroke, #52758E); pointer-events: none; } /** * For smaller components, there is the components/ folder. While layout/ is macro (defining the global wireframe), components/ is more focused on widgets. It contains all kind of specific modules like a slider, a loader, a widget, and basically anything along those lines. There are usually a lot of files in components/ since the whole site/application should be mostly composed of tiny modules. */ app-action-bar { padding: 20px; display: flex; align-items: center; position: relative; background-color: #F4F4F4; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.15) inset; /** general button is build in shared_theme > button **/ } app-action-bar h2 { margin-right: auto; } app-action-bar .editor-panel__lesson-title, app-action-bar .lesson-title-input { font: 400 16px / 28px var(--typo1), "Helvetica Neue", Arial, sans-serif; font-size: 2rem; background: unset; } app-action-bar form { flex: 1; display: flex; } app-action-bar form input.lesson-title-input { flex: 1; color: #000; margin-block-start: 0.62em; margin-block-end: 0.62em; line-height: 1.7rem; } app-action-bar .edit-button { margin-right: auto; margin-left: 13px; } app-action-bar .undo-button { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-left: auto; } app-action-bar .redo-button { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } app-add-lesson-button-morphable { display: flex; align-self: stretch; } app-neo { flex: 1; display: flex; align-self: stretch; flex-direction: column; justify-content: center; align-items: center; gap: 10px; background-color: white; border: 4px solid #ffed00; border-radius: 10px; padding: 20px; } app-neo .mat-icon { width: inherit; height: inherit; flex: none; margin-block: 1rem; color: var(--accent); } app-neo .mat-icon svg { width: 5rem; height: 5rem; min-width: inherit; min-height: inherit; } app-neo h3 { margin: 0; text-align: center; } app-neo h3 b { color: #ffed00; font-weight: bold; font-size: 16px; } app-neo span { text-align: center; } app-neo button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); flex-direction: row-reverse; } app-neo button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-neo button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-neo button .mat-icon + span { margin-right: 2px; } app-neo button span:has(+ .mat-icon) { margin-left: 2px; } } app-neo button:hover, app-neo button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-neo button:hover .mat-icon, app-neo button.cdk-keyboard-focused .mat-icon { color: !important; } app-neo button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-neo button:active .mat-icon { color: !important; } app-neo button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-neo button[disabled] .mat-icon { color: #989CA4 !important; } app-neo button[disabled] { border: none; } app-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(22.5rem, 1fr)); justify-items: center; gap: 1.5rem; min-width: min-content; padding: 1.5rem; background-color: rgba(0, 0, 0, 0.05); border-radius: 10px; } app-grid > * { width: 100%; max-width: 27.5rem; aspect-ratio: 2/3; } app-grid .editor-panel__add-activities { display: flex; flex-direction: column; gap: 20px; } app-grid .editor-panel__add-activities button { flex: 1; gap: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 18px; border: 1px solid var(--noir-10, rgba(0, 0, 0, 0.1)); box-shadow: 0px 10px 15px 0px rgba(36, 38, 55, 0.1), 0px 2px 2px 0px rgba(36, 38, 55, 0.05), 0px 4px 4px 0px rgba(255, 255, 255, 0.15); } app-grid .editor-panel__add-activities button span { font: 500 14px / 22px var(--typo1), "Helvetica Neue", Arial, sans-serif; } app-grid .editor-panel__add-activities button mat-icon.mat-icon { flex: none; width: 30%; height: auto; aspect-ratio: 1/1; } app-grid .editor-panel__add-activities button mat-icon.mat-icon svg { width: 100%; height: auto; } app-grid .editor-panel__add-activities .editor-panel__add-activities__button-create, app-grid .editor-panel__add-activities .editor-panel__add-activities__button-create:active { flex: 2; color: #FFF; background: #ffed00; } app-grid .editor-panel__add-activities .editor-panel__add-activities__button-create:hover, app-grid .editor-panel__add-activities .editor-panel__add-activities__button-create:active:hover { background: #fff133; } app-grid .editor-panel__add-activities .editor-panel__add-activities__button-import, app-grid .editor-panel__add-activities .editor-panel__add-activities__button-import:active { flex: 1; color: #ffed00; background: #FFF; margin: 0; } app-grid .editor-panel__add-activities .editor-panel__add-activities__button-import:hover, app-grid .editor-panel__add-activities .editor-panel__add-activities__button-import:active:hover { background: #fff133; color: #FFF; } app-pretty-activity-card { display: flex; } app-lesson-editor-panel app-pretty-activity-card { width: 100%; height: 100%; } .mat-mdc-menu-panel.editor-panel__button-menu { margin-top: 10px; } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content { background: #323A49; } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #FFF; background: rgba(255, 255, 255, 0.05); border-radius: 8px; box-shadow: 0px -4px 10px 0px rgba(255, 255, 255, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; box-shadow: none; } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #FFF !important; } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item .mat-icon + span { margin-right: 2px; } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item span:has(+ .mat-icon) { margin-left: 2px; } } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item:hover, .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused { background: rgba(255, 255, 255, 0.1); box-shadow: 0px -4px 10px 0px rgba(255, 255, 255, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item:hover .mat-icon, .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item.cdk-keyboard-focused .mat-icon { color: !important; } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item:active { background: rgba(0, 0, 0, 0.1); box-shadow: none; transform: translateY(1px); } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item:active .mat-icon { color: !important; } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item[disabled] { color: #4B525F; background: rgba(255, 255, 255, 0.03); box-shadow: none; pointer-events: none; } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item[disabled] .mat-icon { color: #4B525F !important; } .mat-mdc-menu-panel.editor-panel__button-menu .mat-mdc-menu-content .mat-mdc-menu-item::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-pretty-card { flex: 1; display: flex; flex-direction: column; overflow: hidden; color: #000; background-color: #FFF; border: 1px solid #E7E7E7; border-radius: 18px; box-shadow: 0px 10px 15px 0px rgba(36, 38, 55, 0.1), 0px 2px 2px 0px rgba(36, 38, 55, 0.05), 0px 4px 4px 0px rgba(255, 255, 255, 0.15); } app-pretty-card .app-pretty-card__button-menu, app-pretty-card .editor-panel__button-edit-activity { position: relative; display: flex; align-items: center; gap: 0.6rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.6rem 1.2rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; flex: none; justify-content: center; aspect-ratio: 3/2; margin-left: auto; border: 1px solid #E7E7E7; border-radius: 10px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03), 0px -2px 4px 0px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(255, 255, 255, 0.25); } app-pretty-card .app-pretty-card__button-menu mat-icon.mat-icon, app-pretty-card .editor-panel__button-edit-activity mat-icon.mat-icon { flex: none; width: 1.6rem; min-width: 20px; height: 1.6rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-pretty-card .app-pretty-card__button-menu mat-icon.mat-icon svg, app-pretty-card .editor-panel__button-edit-activity mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-pretty-card .app-pretty-card__button-menu .mat-icon + span, app-pretty-card .editor-panel__button-edit-activity .mat-icon + span { margin-right: 2px; } app-pretty-card .app-pretty-card__button-menu span:has(+ .mat-icon), app-pretty-card .editor-panel__button-edit-activity span:has(+ .mat-icon) { margin-left: 2px; } } app-pretty-card .app-pretty-card__button-menu:hover, app-pretty-card .app-pretty-card__button-menu.cdk-keyboard-focused, app-pretty-card .editor-panel__button-edit-activity:hover, app-pretty-card .editor-panel__button-edit-activity.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } app-pretty-card .app-pretty-card__button-menu:hover .mat-icon, app-pretty-card .app-pretty-card__button-menu.cdk-keyboard-focused .mat-icon, app-pretty-card .editor-panel__button-edit-activity:hover .mat-icon, app-pretty-card .editor-panel__button-edit-activity.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } app-pretty-card .app-pretty-card__button-menu:active, app-pretty-card .editor-panel__button-edit-activity:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } app-pretty-card .app-pretty-card__button-menu:active .mat-icon, app-pretty-card .editor-panel__button-edit-activity:active .mat-icon { color: #000 !important; } app-pretty-card .app-pretty-card__button-menu[disabled], app-pretty-card .editor-panel__button-edit-activity[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-pretty-card .app-pretty-card__button-menu[disabled] .mat-icon, app-pretty-card .editor-panel__button-edit-activity[disabled] .mat-icon { color: #989CA4 !important; } app-pretty-card .app-pretty-card__button-menu::before, app-pretty-card .editor-panel__button-edit-activity::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-pretty-card .app-pretty-card__button-menu span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator), app-pretty-card .editor-panel__button-edit-activity span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-pretty-card .app-pretty-card__button-menu mat-icon.mat-icon, app-pretty-card .editor-panel__button-edit-activity mat-icon.mat-icon { color: #000; width: 100%; height: 100%; position: relative; } app-pretty-card .app-pretty-card__button-menu mat-icon.mat-icon svg, app-pretty-card .editor-panel__button-edit-activity mat-icon.mat-icon svg { width: auto; height: 100%; position: absolute; top: 0; bottom: 0; } app-pretty-card .app-pretty-card__button-menu.disabled, app-pretty-card .editor-panel__button-edit-activity.disabled { background: #D1D6DF; border: none; } app-pretty-card .app-pretty-card__button-menu.disabled mat-icon.mat-icon, app-pretty-card .editor-panel__button-edit-activity.disabled mat-icon.mat-icon { color: #989CA4 !important; } app-pretty-card .editor-panel__button-edit-activity { margin-left: unset; } app-pretty-card .app-pretty-card__button-move_right, app-pretty-card .app-pretty-card__button-move_left { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; flex: none; border-radius: 0; box-shadow: none; margin-bottom: 0; flex: 1.6; justify-content: center; } app-pretty-card .app-pretty-card__button-move_right mat-icon.mat-icon, app-pretty-card .app-pretty-card__button-move_left mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-pretty-card .app-pretty-card__button-move_right mat-icon.mat-icon svg, app-pretty-card .app-pretty-card__button-move_left mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-pretty-card .app-pretty-card__button-move_right .mat-icon + span, app-pretty-card .app-pretty-card__button-move_left .mat-icon + span { margin-right: 2px; } app-pretty-card .app-pretty-card__button-move_right span:has(+ .mat-icon), app-pretty-card .app-pretty-card__button-move_left span:has(+ .mat-icon) { margin-left: 2px; } } app-pretty-card .app-pretty-card__button-move_right:hover, app-pretty-card .app-pretty-card__button-move_right.cdk-keyboard-focused, app-pretty-card .app-pretty-card__button-move_left:hover, app-pretty-card .app-pretty-card__button-move_left.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } app-pretty-card .app-pretty-card__button-move_right:hover .mat-icon, app-pretty-card .app-pretty-card__button-move_right.cdk-keyboard-focused .mat-icon, app-pretty-card .app-pretty-card__button-move_left:hover .mat-icon, app-pretty-card .app-pretty-card__button-move_left.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } app-pretty-card .app-pretty-card__button-move_right:active, app-pretty-card .app-pretty-card__button-move_left:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } app-pretty-card .app-pretty-card__button-move_right:active .mat-icon, app-pretty-card .app-pretty-card__button-move_left:active .mat-icon { color: #000 !important; } app-pretty-card .app-pretty-card__button-move_right[disabled], app-pretty-card .app-pretty-card__button-move_left[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-pretty-card .app-pretty-card__button-move_right[disabled] .mat-icon, app-pretty-card .app-pretty-card__button-move_left[disabled] .mat-icon { color: #989CA4 !important; } app-pretty-card .app-pretty-card__button-move_right::before, app-pretty-card .app-pretty-card__button-move_left::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-pretty-card .app-pretty-card__button-move_right span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator), app-pretty-card .app-pretty-card__button-move_left span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-pretty-card .app-pretty-card__button-move_right mat-icon.mat-icon, app-pretty-card .app-pretty-card__button-move_left mat-icon.mat-icon { width: 100%; height: 100%; position: relative; } app-pretty-card .app-pretty-card__button-move_right mat-icon.mat-icon svg, app-pretty-card .app-pretty-card__button-move_left mat-icon.mat-icon svg { width: auto; height: 100%; position: absolute; top: 0; bottom: 0; } app-pretty-card .app-pretty-card__button-move_right { margin-left: 0; border-left: 1px solid #E7E7E7; } app-pretty-card .app-pretty-card__button-move_left { margin-right: 0; border-right: 1px solid #E7E7E7; } app-pretty-card .location-form .location-form-denominator { font: 400 14px / 1.4 var(--typo1), "Helvetica Neue", Arial, sans-serif; font-weight: 600; color: rgba(36, 38, 55, 0.5); } app-pretty-card .app-pretty-card__header { flex: 1; display: flex; justify-content: space-between; max-height: 6rem; padding: 1.5rem 1.5rem 0 1.5rem; } app-pretty-card .app-pretty-card__content { flex: 6; display: flex; flex-direction: column; } app-pretty-card .app-pretty-card__content h3.pretty-activity-card__activity-name { font-size: 14px; } app-pretty-card .app-pretty-card__content .pretty-activity-card__activity-name, app-pretty-card .app-pretty-card__content .pretty-activity-card__typology-label { margin: 0; text-align: center; display: flex; flex: 1; align-items: center; justify-content: center; min-height: 3rem; line-height: initial; overflow-wrap: anywhere; } app-pretty-card .app-pretty-card__content .pretty-activity-card__activity-name { font-size: 14px; padding: 1rem 1.5rem; } app-pretty-card .app-pretty-card__content .pretty-activity-card__typology-label { border-block: 1px solid #E7E7E7; padding: 0.5rem 1.5rem; } app-pretty-card .app-pretty-card__content app-audio-time, app-pretty-card .app-pretty-card__content app-video-time, app-pretty-card .app-pretty-card__content .time-info { display: flex; border-radius: 2px; background: #FFF; color: #000; padding: 0.5rem 1rem; } app-pretty-card .app-pretty-card__footer { flex: 1; display: flex; justify-content: space-between; max-height: 6rem; padding: 0; margin: 0; } app-pretty-card .app-pretty-card__footer input { margin-right: 3px; padding: 1px 0 0 0; border: 1px solid #CBD1DB; color: #000; border-radius: 5px; font: 400 14px / 1.4 var(--typo1), "Helvetica Neue", Arial, sans-serif; font-weight: 600; text-align: center; fill: var(--Blanc, #FFF); stroke-width: 1px; stroke: var(--Grisdecontour, #CBD1DB); -moz-appearance: textfield; } app-pretty-card .app-pretty-card__footer input::-webkit-outer-spin-button, app-pretty-card .app-pretty-card__footer input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } app-pretty-card .app-pretty-card__footer .location-form, app-pretty-card .app-pretty-card__footer .location-form-denominator { display: flex; align-items: center; flex-wrap: nowrap; } app-pretty-card .app-pretty-card__footer .location-form { flex: 3; display: flex; justify-content: center; margin-left: auto; margin-right: auto; background-color: #F6F6F7; } app-pretty-card .app-pretty-card__content + button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); flex-direction: row-reverse; width: 100% !important; max-width: 100%; margin: 0 !important; justify-content: center; max-height: 12%; flex: 1; justify-content: center; border-top-left-radius: 0; border-top-right-radius: 0; } app-pretty-card .app-pretty-card__content + button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-pretty-card .app-pretty-card__content + button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-pretty-card .app-pretty-card__content + button .mat-icon + span { margin-right: 2px; } app-pretty-card .app-pretty-card__content + button span:has(+ .mat-icon) { margin-left: 2px; } } app-pretty-card .app-pretty-card__content + button:hover, app-pretty-card .app-pretty-card__content + button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-pretty-card .app-pretty-card__content + button:hover .mat-icon, app-pretty-card .app-pretty-card__content + button.cdk-keyboard-focused .mat-icon { color: !important; } app-pretty-card .app-pretty-card__content + button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-pretty-card .app-pretty-card__content + button:active .mat-icon { color: !important; } app-pretty-card .app-pretty-card__content + button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-pretty-card .app-pretty-card__content + button[disabled] .mat-icon { color: #989CA4 !important; } app-pretty-card .app-pretty-card__content + button[disabled] { border: none; } .active app-pretty-card .app-pretty-card__content { position: relative; } .active app-pretty-card .app-pretty-card__content::before { position: absolute; z-index: 100; content: ""; display: block; inset: 0; background-color: rgba(235, 235, 235, 0.9); box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.25) inset; } .active app-pretty-card .app-pretty-card__content::after { position: absolute; z-index: 150; content: ""; display: block; inset: 0; background-color: #00ff94; -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/check.svg"); -webkit-mask-repeat: no-repeat; mask-image: url("/assets/cycle-1-tne-canope/icons/check.svg"); mask-repeat: no-repeat; background-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 60%; mask-size: 60%; -webkit-mask-position: center; mask-position: center; } .active app-pretty-card button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid; justify-content: center; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .active app-pretty-card button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .active app-pretty-card button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .active app-pretty-card button .mat-icon + span { margin-right: 2px; } .active app-pretty-card button span:has(+ .mat-icon) { margin-left: 2px; } } .active app-pretty-card button:hover, .active app-pretty-card button.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } .active app-pretty-card button:hover .mat-icon, .active app-pretty-card button.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } .active app-pretty-card button:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } .active app-pretty-card button:active .mat-icon { color: #000 !important; } .active app-pretty-card button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .active app-pretty-card button[disabled] .mat-icon { color: #989CA4 !important; } app-activity-sample { display: flex; flex: 3; flex-direction: column; overflow: hidden; border-radius: 12px 12px 0 0; margin: 0 1.5rem; position: relative; color: #FFF; max-height: 60%; } app-activity-sample .grid-multi-answers { display: grid; } app-activity-sample .grid-multi-answers .activity-sample__short-answer_multi { display: flex; max-width: 100%; padding: 0 10px; gap: 10px; align-items: center; } app-activity-sample .grid-multi-answers .activity-sample__short-answer_multi span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } app-activity-sample .activity-sample__preview { position: absolute; z-index: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; background-color: #F6F6F7; border-top: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8; border-radius: inherit; } app-activity-sample .activity-sample__preview::before { content: ""; position: absolute; z-index: 2; inset: 0; background-color: rgba(0, 0, 0, 0.5); } app-activity-sample .activity-sample__preview > * { min-width: 100%; min-height: 100%; z-index: 1; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering { flex: 1; flex-direction: row; position: relative; max-width: 100%; max-height: 100%; object-fit: unset; height: unset; width: unset; padding: 8px; gap: 0 4px; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering::before { display: none; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering > * { flex: 1; object-fit: cover; object-position: center; height: 100%; width: 50px; min-width: unset !important; min-height: unset !important; max-width: unset !important; max-height: unset !important; display: block; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering img { position: absolute; height: auto; aspect-ratio: 16/9; border-radius: 7px; border: 1px solid #E7E7E7; background: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0) 18.9%), rgba(255, 255, 255, 0.8); box-shadow: 0px 10px 15px 0px rgba(36, 38, 55, 0.1), 0px 2px 2px 0px rgba(36, 38, 55, 0.05), 0px 4px 4px 0px rgba(255, 255, 255, 0.15) inset; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } app-activity-sample .activity-sample__preview.activity-sample__image-ordering img:nth-child(1) { z-index: 3; transform-origin: top right; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering img:nth-child(2) { z-index: 4; transform-origin: left bottom; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering img:nth-child(3) { z-index: 2; transform-origin: top left; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering img:nth-child(4) { z-index: 1; transform-origin: top left; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering.imgCounter-2 img:nth-child(1) { width: 60%; top: 5%; right: 3%; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering.imgCounter-2 img:nth-child(2) { width: 60%; bottom: 5%; left: 3%; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering.imgCounter-3 img:nth-child(1) { width: 45%; top: 5%; right: 3%; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering.imgCounter-3 img:nth-child(2) { width: 50%; bottom: 5%; left: 23%; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering.imgCounter-3 img:nth-child(3) { width: 35%; top: 21%; left: 3%; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering.imgCounter-4 img:nth-child(1) { width: 47%; top: 14%; right: 3%; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering.imgCounter-4 img:nth-child(2) { width: 40%; bottom: 5%; left: 25%; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering.imgCounter-4 img:nth-child(3) { width: 35%; top: 24%; left: 3%; } app-activity-sample .activity-sample__preview.activity-sample__image-ordering.imgCounter-4 img:nth-child(4) { z-index: 1; width: 25%; top: 5%; left: 18%; } app-activity-sample .activity-sample__preview.activity-sample__awareness { flex: 1; flex-direction: row; position: relative; max-width: 100%; max-height: 100%; object-fit: unset; height: unset; width: unset; padding: 1rem; gap: 0 0.4rem; } app-activity-sample .activity-sample__preview.activity-sample__awareness::before { display: none; } app-activity-sample .activity-sample__preview.activity-sample__awareness > * { flex: 1; object-fit: cover; object-position: center; height: 100%; width: 50px; min-width: unset !important; min-height: unset !important; max-width: unset !important; max-height: unset !important; display: block; } app-activity-sample .activity-sample__preview.activity-sample__awareness img { flex: 1; height: 100%; width: 20%; object-fit: cover; border-radius: 4px; border: 1px solid #E7E7E7; background: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0) 18.9%), rgba(255, 255, 255, 0.8); box-shadow: 0px 10px 15px 0px rgba(36, 38, 55, 0.1), 0px 2px 2px 0px rgba(36, 38, 55, 0.05), 0px 4px 4px 0px rgba(255, 255, 255, 0.15) inset; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } app-activity-sample .activity-sample__preview.activity-sample__fill-blanks, app-activity-sample .activity-sample__preview.activity-sample__short-answer, app-activity-sample .activity-sample__preview.activity-sample__audio-ordering { display: flex; flex-direction: column; justify-content: space-evenly; color: #000; } app-activity-sample .activity-sample__preview.activity-sample__fill-blanks::before, app-activity-sample .activity-sample__preview.activity-sample__short-answer::before, app-activity-sample .activity-sample__preview.activity-sample__audio-ordering::before { display: none; } app-activity-sample .activity-sample__preview.activity-sample__fill-blanks > *, app-activity-sample .activity-sample__preview.activity-sample__short-answer > *, app-activity-sample .activity-sample__preview.activity-sample__audio-ordering > * { min-width: unset; min-height: unset; } app-activity-sample .activity-sample__preview.activity-sample__fill-blanks mat-icon.mat-icon, app-activity-sample .activity-sample__preview.activity-sample__short-answer mat-icon.mat-icon, app-activity-sample .activity-sample__preview.activity-sample__audio-ordering mat-icon.mat-icon { flex: 1; aspect-ratio: 1; width: unset; max-width: 20%; min-width: 37px; } app-activity-sample .activity-sample__preview.activity-sample__fill-blanks mat-icon.mat-icon svg, app-activity-sample .activity-sample__preview.activity-sample__short-answer mat-icon.mat-icon svg, app-activity-sample .activity-sample__preview.activity-sample__audio-ordering mat-icon.mat-icon svg { width: unset; height: unset; } app-activity-sample .activity-sample__preview.activity-sample__fill-blanks span, app-activity-sample .activity-sample__preview.activity-sample__short-answer span, app-activity-sample .activity-sample__preview.activity-sample__audio-ordering span { flex: 1; } app-activity-sample .activity-sample__preview.activity-sample__fill-blanks strong, app-activity-sample .activity-sample__preview.activity-sample__fill-blanks .strong, app-activity-sample .activity-sample__preview.activity-sample__short-answer strong, app-activity-sample .activity-sample__preview.activity-sample__short-answer .strong, app-activity-sample .activity-sample__preview.activity-sample__audio-ordering strong, app-activity-sample .activity-sample__preview.activity-sample__audio-ordering .strong { font-weight: bold; } app-activity-sample .activity-sample__preview.activity-sample__fill-blanks span, app-activity-sample .activity-sample__preview.activity-sample__short-answer span, app-activity-sample .activity-sample__preview.activity-sample__audio-ordering span { padding-top: 3px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } app-activity-sample .activity-sample__preview.activity-sample__fill-blanks mat-icon.mat-icon.full-icon, app-activity-sample .activity-sample__preview.activity-sample__short-answer mat-icon.mat-icon.full-icon, app-activity-sample .activity-sample__preview.activity-sample__audio-ordering mat-icon.mat-icon.full-icon { max-width: 50%; } app-activity-sample .activity-sample__preview.activity-sample__fill-blanks > span, app-activity-sample .activity-sample__preview.activity-sample__short-answer > span { padding-inline: 1rem; text-wrap: auto; display: inline; text-align: center; line-height: 1.6rem; } app-activity-sample .activity-sample__preview.activity-sample__memory { position: unset; z-index: unset; flex: 1; display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); justify-content: unset; align-items: unset; gap: 0.4rem; padding: 1rem; object-fit: unset; } app-activity-sample .activity-sample__preview.activity-sample__memory::before { content: none; } app-activity-sample .activity-sample__preview.activity-sample__memory > div { z-index: unset; display: flex; gap: inherit; min-width: unset; max-width: 100%; min-height: unset; max-height: 100%; } app-activity-sample .activity-sample__preview.activity-sample__memory > div img, app-activity-sample .activity-sample__preview.activity-sample__memory > div div { flex: 1; border: 1px rgba(0, 0, 0, 0.1); border-radius: 4px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); } app-activity-sample .activity-sample__preview.activity-sample__memory > div img { min-width: 0; object-fit: cover; object-position: center; } app-activity-sample .activity-sample__preview.activity-sample__memory > div div { background-color: #ebebeb; } app-activity-sample .activity-sample__preview.activity-sample__memory > div:nth-child(odd) img { order: 1; } app-activity-sample .activity-sample__preview.activity-sample__memory > div:nth-child(odd) div { order: 2; } app-activity-sample .activity-sample__preview.activity-sample__memory > div:nth-child(even) img { order: 2; } app-activity-sample .activity-sample__preview.activity-sample__memory > div:nth-child(even) div { order: 1; } app-activity-sample .activity-sample__preview.activity-sample__short-text-ordering, app-activity-sample .activity-sample__preview.activity-sample__long-text-ordering { flex-direction: column; justify-content: center; gap: 0.4rem; padding: 1rem; color: #000; font-weight: 900; text-align: center; } app-activity-sample .activity-sample__preview.activity-sample__short-text-ordering::before, app-activity-sample .activity-sample__preview.activity-sample__long-text-ordering::before { content: none; } app-activity-sample .activity-sample__preview.activity-sample__short-text-ordering > div, app-activity-sample .activity-sample__preview.activity-sample__long-text-ordering > div { z-index: unset; min-width: unset; min-height: unset; } app-activity-sample .activity-sample__preview.activity-sample__long-text-ordering > div { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } app-activity-sample .activity-sample__preview.activity-sample__missing-item { flex-direction: column; align-items: stretch; } app-activity-sample .activity-sample__preview.activity-sample__missing-item mat-icon.mat-icon { min-width: initial; min-height: initial; } app-activity-sample .activity-sample__preview.activity-sample__missing-item::before { content: none; } app-activity-sample .activity-sample__preview.activity-sample__missing-item > div { flex: none; z-index: unset; min-width: unset; height: 50%; min-height: unset; padding: 1rem; color: #FFF; } app-activity-sample .activity-sample__preview.activity-sample__missing-item > div:first-child { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 0.5fr)); grid-template-rows: minmax(0, 1fr); justify-content: center; justify-items: center; align-items: center; gap: 0.4rem; } app-activity-sample .activity-sample__preview.activity-sample__missing-item > div:first-child > div { position: relative; overflow: hidden; border: 1px rgba(0, 0, 0, 0.1); border-radius: 4px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); } app-activity-sample .activity-sample__preview.activity-sample__missing-item > div:first-child > div::after { content: "?"; position: absolute; display: flex; justify-content: center; align-items: center; inset: 0; background-color: rgba(0, 0, 0, 0.5); font-size: 2.5rem; font-weight: 900; } app-activity-sample .activity-sample__preview.activity-sample__missing-item > div:first-child > div img { max-width: 100%; max-height: 100%; aspect-ratio: 16/9; object-fit: cover; object-position: center; } app-activity-sample .activity-sample__preview.activity-sample__missing-item > div:last-child { display: flex; justify-content: center; align-items: center; gap: 1rem; background-color: #ebebeb; font-weight: 800; } app-activity-sample .activity-sample__preview.activity-sample__missing-item > div:last-child mat-icon { flex: none; width: auto; min-width: unset; height: 50%; min-height: 2rem; max-height: 5rem; aspect-ratio: 1; } app-activity-sample .activity-sample__preview.activity-sample__missing-item > div:last-child mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-activity-sample .activity-sample__preview.activity-sample__recording img, app-activity-sample .activity-sample__preview.activity-sample__recording mat-icon, app-activity-sample .activity-sample__preview.activity-sample__point-image img, app-activity-sample .activity-sample__preview.activity-sample__point-image mat-icon { z-index: unset; } app-activity-sample .activity-sample__preview.activity-sample__recording img, app-activity-sample .activity-sample__preview.activity-sample__point-image img { width: 100%; min-width: unset; height: 100%; min-height: unset; object-fit: cover; object-position: center; } app-activity-sample .activity-sample__preview.activity-sample__recording mat-icon, app-activity-sample .activity-sample__preview.activity-sample__point-image mat-icon { position: absolute; z-index: 3; inset: 0; width: auto; min-width: unset; height: 35%; min-height: 3rem; max-height: 6rem; aspect-ratio: 1; margin: auto; } app-activity-sample .activity-sample__preview.activity-sample__recording mat-icon svg, app-activity-sample .activity-sample__preview.activity-sample__point-image mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } app-activity-sample .activity-sample__preview.activity-sample__recording.activity-sample__recording--missing-image, app-activity-sample .activity-sample__preview.activity-sample__recording.activity-sample__point-image--missing-image, app-activity-sample .activity-sample__preview.activity-sample__point-image.activity-sample__recording--missing-image, app-activity-sample .activity-sample__preview.activity-sample__point-image.activity-sample__point-image--missing-image { color: #000; } app-activity-sample .activity-sample__preview.activity-sample__recording.activity-sample__recording--missing-image::before, app-activity-sample .activity-sample__preview.activity-sample__recording.activity-sample__point-image--missing-image::before, app-activity-sample .activity-sample__preview.activity-sample__point-image.activity-sample__recording--missing-image::before, app-activity-sample .activity-sample__preview.activity-sample__point-image.activity-sample__point-image--missing-image::before { content: none; } app-activity-sample .activity-sample__preview.activity-sample__recording.activity-sample__recording--missing-image svg, app-activity-sample .activity-sample__preview.activity-sample__recording.activity-sample__point-image--missing-image svg, app-activity-sample .activity-sample__preview.activity-sample__point-image.activity-sample__recording--missing-image svg, app-activity-sample .activity-sample__preview.activity-sample__point-image.activity-sample__point-image--missing-image svg { filter: unset; } app-activity-sample .activity-sample__preview.activity-sample__external, app-activity-sample .activity-sample__preview.activity-sample__tool { color: #000; } app-activity-sample .activity-sample__preview.activity-sample__external::before, app-activity-sample .activity-sample__preview.activity-sample__tool::before { content: none; } app-activity-sample .activity-sample__preview.activity-sample__external mat-icon, app-activity-sample .activity-sample__preview.activity-sample__tool mat-icon { z-index: unset; flex: none; width: auto; min-width: unset; aspect-ratio: 1; } app-activity-sample .activity-sample__preview.activity-sample__external mat-icon svg, app-activity-sample .activity-sample__preview.activity-sample__tool mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-activity-sample .activity-sample__preview.activity-sample__external mat-icon { height: 40%; min-height: 4rem; max-height: 8rem; } app-activity-sample .activity-sample__preview.activity-sample__tool { flex-direction: column; gap: 0.5rem; } app-activity-sample .activity-sample__preview.activity-sample__tool mat-icon { height: 35%; min-height: 3rem; max-height: 6rem; } app-activity-sample .activity-sample__preview.activity-sample__tool span { z-index: unset; min-width: unset; min-height: unset; font-weight: 900; } app-activity-sample .activity-sample__preview.activity-sample__text-matching { position: relative; flex-direction: column; align-items: stretch; color: #FFF; } app-activity-sample .activity-sample__preview.activity-sample__text-matching::before { content: none; } app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-audio, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-image, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-text, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-icon { z-index: unset; } app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-audio, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-image, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-text { flex: none; display: flex; justify-content: center; align-items: center; gap: 1rem; min-width: unset; height: 50%; min-height: unset; padding: 1rem; background-color: #ebebeb; font-weight: 800; } app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-audio mat-icon, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-image mat-icon, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-text mat-icon { flex: none; width: auto; min-width: unset; height: 50%; min-height: 2rem; max-height: 5rem; aspect-ratio: 1; } app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-audio mat-icon svg, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-image mat-icon svg, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-text mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-audio + .activity-sample__text-matching-audio, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-audio + .activity-sample__text-matching-text, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-text + .activity-sample__text-matching-audio, app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-text + .activity-sample__text-matching-text { background-color: rgba(235, 235, 235, 0.9); } app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-image { position: relative; } app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-image > div::after { content: ""; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.5); } app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-image > div img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-image span { position: relative; } app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-icon { position: absolute; inset: 0; width: auto; min-width: unset; height: 15%; min-height: 1.5rem; max-height: 3rem; aspect-ratio: 1; margin: auto; } app-activity-sample .activity-sample__preview.activity-sample__text-matching .activity-sample__text-matching-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } app-activity-sample .activity-sample__window-infos, app-activity-sample .activity-sample__overlay-infos { z-index: 5; flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; position: relative; padding: 5px; font-style: normal; font-weight: 800; line-height: normal; letter-spacing: 0.5px; color: #FFF; text-align: center; } app-activity-sample .activity-sample__window-infos .activity-sample__preview, app-activity-sample .activity-sample__overlay-infos .activity-sample__preview { border: unset; } app-activity-sample .activity-sample__window-infos > *:not(.activity-sample__preview), app-activity-sample .activity-sample__overlay-infos > *:not(.activity-sample__preview) { z-index: 20; } app-activity-sample .activity-sample__window-infos mat-icon, app-activity-sample .activity-sample__overlay-infos mat-icon { flex: none; width: auto; min-width: unset; height: 50%; min-height: 2rem; max-height: 5rem; aspect-ratio: 1; } app-activity-sample .activity-sample__window-infos mat-icon svg, app-activity-sample .activity-sample__overlay-infos mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } app-activity-sample .multi-media { flex-direction: row; } app-activity-sample .activity-sample__window-infos { order: 1; } app-activity-sample .activity-sample__window-infos.activity-sample__multimedia-video mat-icon { transform: scale(0.7); } app-activity-sample .activity-sample__window-infos.activity-sample__multimedia-text > div { background-color: #ebebeb; } app-activity-sample .activity-sample__window-infos.activity-sample__multimedia-text > div::before { background-color: unset; background-image: linear-gradient(to bottom, rgba(235, 235, 235, 0.5), #ebebeb); } app-activity-sample .activity-sample__typology-trueFalse { flex-direction: row; } app-activity-sample .activity-sample__overlay-infos { order: 2; background-color: #ebebeb; z-index: 5; } app-activity-sample .activity-sample__multiShortAnswersTemplate { justify-content: space-evenly; } app-activity-sample .activity-sample__multiShortAnswersTemplate .mat-icon { width: 30px; height: unset; } app-activity-sample .activity-sample__multiShortAnswersTemplate span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* * mat-mdc-form-field-label-always-float * */ app-lesson-meta-form { flex: 1; display: flex; padding: 40px; } app-lesson-meta-form form { flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; } app-lesson-meta-form form .wrapper-column { display: flex; flex-direction: column; flex: 1 0 50%; gap: 10px; } app-lesson-meta-form form .wrapper-form-field { flex: none; position: relative; --label-gap-between-text-field: 10px; --cartridge-field-input-font: 600 1.4rem/1.4rem lato, "Helvetica Neue", Arial, sans-serif; --cartridge-field-label-font-color: ; --mat-form-field-container-height: 42px; --mat-mdc-text-field-wrapper-padding: 1rem; --cartridge-field-label-font: 700 1.4rem/1.4rem "Inter", sans-serif; --mdc-filled-text-field-container-color: white; --mdc-filled-text-field-container-shape: ; --label-space-over-text-field: calc(var(--mdc-filled-text-field-label-text-size) + var(--label-gap-between-text-field)); } app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field { --mdc-filled-text-field-container-color: white; --mat-form-field-focus-state-layer-opacity: 0; width: 100%; padding-top: var(--label-space-over-text-field); } app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field .mat-mdc-text-field-wrapper { display: flex; padding: var(--mat-mdc-text-field-wrapper-padding); overflow: visible; } app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--filled { border-radius: var(--mdc-filled-text-field-container-shape); } app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field .mat-mdc-text-field-wrapper input { font: var(--cartridge-field-input-font); } app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field .mat-mdc-text-field-wrapper input::placeholder { opacity: 1; color: #8094A1; font-weight: 500; } app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix { padding-top: var(--mat-form-field-filled-with-label-container-padding-top); padding-bottom: var(--mat-form-field-filled-with-label-container-padding-bottom); min-height: auto; } app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { top: calc((var(--mdc-filled-text-field-label-text-size) + var(--mat-mdc-text-field-wrapper-padding) - 3px + var(--label-gap-between-text-field)) * -1); left: calc(var(--mat-mdc-text-field-wrapper-padding) * -1); width: 100% !important; font: var(--cartridge-field-label-font); color: var(--cartridge-field-label-font-color); transform: inherit !important; } app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label mat-label { gap: 20px; justify-content: space-between; } app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple::before, app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple::after { left: var(--mat-mdc-text-field-wrapper-padding); width: calc(100% - var(--mat-mdc-text-field-wrapper-padding) * 2); } app-lesson-meta-form form .wrapper-form-field .mat-mdc-tooltip-trigger { position: absolute; right: 0; display: flex; align-items: center; gap: 5px; color: var(--bleu_tralalere_accessible, var(--bleu_tralalere_accessible, #037CC2)); text-align: right; font: 400 1.2rem/normal "Inter", sans-serif; line-height: normal; text-decoration-line: underline; text-transform: initial; z-index: 100; } app-lesson-meta-form form .wrapper-form-field .mat-mdc-tooltip-trigger .mat-icon { min-width: 15px; min-height: 15px; line-height: 15px; width: 15px; height: 15px; flex-basis: 15px; } app-lesson-meta-form form .wrapper-form-field .mat-mdc-tooltip-trigger .mat-icon svg { width: 100%; height: 100%; min-height: 100%; min-width: 100%; } app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field-error { display: flex; } app-lesson-meta-form form .wrapper-form-field .mat-mdc-form-field-error .mat-icon { display: none; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria, app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__usages { padding-top: var(--label-space-over-text-field); position: relative; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria mat-label, app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__usages mat-label { position: absolute; top: 3px; left: 0; width: 100% !important; font: var(--cartridge-field-label-font); color: var(--cartridge-field-label-font-color); transform: inherit !important; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tooltip-trigger, app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__usages .mat-mdc-tooltip-trigger { top: 0; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__description { --mat-form-field-focus-state-layer-opacity: 0; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__description .mat-mdc-form-field-infix { padding-bottom: 0; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__description .mat-mdc-form-field-infix textarea.mat-mdc-input-element { margin-bottom: 0; border-radius: 0; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-chip { --mdc-chip-label-text-weight: 500; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%) !important; color: #000 !important; transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; padding: 7px 12px; border-radius: 16px; align-items: center; cursor: default; height: unset; min-height: 32px; gap: 10px; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-chip .mat-icon { background-color: transparent; opacity: 1; color: #000; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-chip .mat-icon svg { width: inherit; height: inherit; min-height: inherit; min-width: inherit; transform: none; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label { display: flex; align-items: center; gap: 1rem; color: inherit; text-wrap: unset; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label a { color: inherit; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove { background-color: unset; border: unset; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove .mat-icon { width: 1.8rem; height: auto; aspect-ratio: 1; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-chip:not(.mat-mdc-chip-option) .mat-mdc-chip-action { padding: unset; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group { flex: none; height: auto; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container { padding: 12px 20px; background-color: #323a49; border-radius: 5px 5px 0 0; /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels { gap: 10px; counter-reset: count; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab { flex: none; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab { flex: 1; display: flex; align-items: center; height: auto; position: relative; min-width: inherit; padding: 4px 7px 5px 20px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); color: var(--anthracite, #323A49) !important; border-radius: 8px; overflow: hidden; text-align: left; font: !important; /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ counter-increment: count; /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab .mdc-tab__content { padding-bottom: 0; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab .mdc-tab__content .mat-mdc-tab:focus .mdc-tab__text-label { color: var(--anthracite, #323A49) !important; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab::before { position: absolute; content: " "; width: 16px; height: 16px; top: calc(50% - 2px); bottom: inherit; transform: translateY(-50%); left: 7px; background-color: #ffed00; margin: 0; border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; font-size: 9px; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab::after { position: absolute; content: " "; font-size: 10px; line-height: 10px; color: white; width: 100%; height: 3px; display: block; top: inherit; bottom: 0; left: 0; background-color: #ffed00; margin: 0; border-radius: 0; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab:nth-child(1)::before { content: "1"; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab:nth-child(2)::before { content: "2"; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab:nth-child(3)::before { content: "3"; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab:nth-child(4)::before { content: "4"; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab.mdc-tab--active { opacity: 1; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab-indicator__content { display: none; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab { padding: 9px 7px 11px 29px !important; border-radius: 3px; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab:not(.mdc-tab-indicator--active) { opacity: 0.5; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-tab-group .mat-mdc-tab-list .mdc-tab:not(.mdc-tab-indicator--active):hover { opacity: 1; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-form-field { --mat-form-field-focus-state-layer-opacity: 0; padding-top: inherit; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-form-field .mat-mdc-form-field-icon-prefix > .mat-icon { padding: 0; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-form-field .mat-mdc-form-field-infix { display: flex; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-form-field input { margin-top: 4px; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-form-field.mat-mdc-form-field-type-mat-chip-grid { background-color: var(--blanc, #FFF); border: 1px solid var(--gris-de-contour, #CBD1DB); border-radius: var(--radius-s, 6px); border-top-left-radius: 0; border-top-right-radius: 0; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-form-field.mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-wrapper { padding: 0; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-form-field.mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex { padding: 10px 20px 20px 20px; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-form-field.mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix { border: 0; padding-top: 0; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-form-field.mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips { padding: 0; margin: 0; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__criteria .mat-mdc-form-field.mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-wrapper .mat-mdc-form-field-underline::before { margin: 0 20px; width: calc(100% - 40px); } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__usages { position: relative; display: flex; flex-direction: column; gap: 10px; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__usages > .mat-mdc-form-field-label { display: block; inset: 0; position: relative; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__usages > .wrapper-form-field { display: flex; row-gap: 6px; flex-direction: column; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__usages .mat-mdc-slide-toggle { display: flex; height: auto; padding: 14px 10px 13px 17px; border-radius: var(--radius-s, 6px); border: 1px solid var(--gris-de-contour, #CBD1DB); background-color: var(--blanc, #FFF); } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__usages .mat-mdc-slide-toggle .mdc-form-field { flex: 1; display: flex; justify-content: space-between; flex-direction: row-reverse; } app-lesson-meta-form form .wrapper-form-field.lesson-meta-form__usages .mat-mdc-slide-toggle .mdc-form-field .mdc-label { display: inline-flex; justify-content: space-between; margin: 0 25px 0 0; flex: 1; font: var(--cartridge-field-label-font); color: var(--cartridge-field-label-font-color); transform: inherit !important; } /** * If you have page-specific styles, it is better to put them in a pages/ folder, in a file named after the page. For instance, it’s not uncommon to have very specific styles for the home page hence the need for a _home.scss file in pages/. */ app-user-lessons .cards.content { margin-inline: clamp(20px, 1.52vw + 10.91px, 40px); margin-block: clamp(20px, 1.52vw + 10.91px, 40px); visibility: visible; display: grid; grid-gap: 22px; grid-auto-rows: min-content; grid-template-columns: repeat(1, minmax(0, 1fr)); } @media (min-width: 600px) { app-user-lessons .cards.content { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1280px) { app-user-lessons .cards.content { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1920px) { app-user-lessons .cards.content { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); } } app-editor { background: var(--fond-ecran, #E8EDF6); } app-lesson-editor-panel { padding: 25px; flex: 1; gap: 25px; display: flex; flex-direction: column; } app-lesson-editor-panel mat-spinner svg circle { stroke: #ebebeb !important; } app-lesson-editor-panel app-grid mat-spinner { width: 5rem !important; height: auto !important; aspect-ratio: 1; } app-lesson-editor-panel app-grid .empty-card { border-radius: 12px; border: 1px solid var(--noir-5, rgba(0, 0, 0, 0.05)); background: var(--noir-5, rgba(0, 0, 0, 0.05)); box-shadow: 0 4px 12px -3px rgba(36, 38, 55, 0.05) inset; } .editor-panel__lesson-meta-form__dialog { --mat-form-field-filled-with-label-container-padding-top: 0; --mat-form-field-filled-with-label-container-padding-bottom: 0; width: 100%; height: 100%; max-height: 80vh; } .editor-panel__lesson-meta-form__dialog__button-back { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #ffed00; background: linear-gradient(180deg, #fff 0%, #ecebeb 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(51, 58, 73, 0.1); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid; flex-direction: row-reverse; } .editor-panel__lesson-meta-form__dialog__button-back mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #ffed00 !important; } .editor-panel__lesson-meta-form__dialog__button-back mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .editor-panel__lesson-meta-form__dialog__button-back .mat-icon + span { margin-right: 2px; } .editor-panel__lesson-meta-form__dialog__button-back span:has(+ .mat-icon) { margin-left: 2px; } } .editor-panel__lesson-meta-form__dialog__button-back:hover, .editor-panel__lesson-meta-form__dialog__button-back.cdk-keyboard-focused { color: #ffeb00 !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%) !important; box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px rgba(51, 58, 73, 0.15); } .editor-panel__lesson-meta-form__dialog__button-back:hover .mat-icon, .editor-panel__lesson-meta-form__dialog__button-back.cdk-keyboard-focused .mat-icon { color: #ffeb00 !important !important; } .editor-panel__lesson-meta-form__dialog__button-back:active { color: #ffed00 !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%) !important; box-shadow: none; transform: translateY(1px); } .editor-panel__lesson-meta-form__dialog__button-back:active .mat-icon { color: #ffed00 !important !important; } .editor-panel__lesson-meta-form__dialog__button-back[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .editor-panel__lesson-meta-form__dialog__button-back[disabled] .mat-icon { color: #989CA4 !important; } .editor-panel__lesson-meta-form__dialog__button-valid-and-quit { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); flex-direction: row-reverse; } .editor-panel__lesson-meta-form__dialog__button-valid-and-quit mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .editor-panel__lesson-meta-form__dialog__button-valid-and-quit mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .editor-panel__lesson-meta-form__dialog__button-valid-and-quit .mat-icon + span { margin-right: 2px; } .editor-panel__lesson-meta-form__dialog__button-valid-and-quit span:has(+ .mat-icon) { margin-left: 2px; } } .editor-panel__lesson-meta-form__dialog__button-valid-and-quit:hover, .editor-panel__lesson-meta-form__dialog__button-valid-and-quit.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } .editor-panel__lesson-meta-form__dialog__button-valid-and-quit:hover .mat-icon, .editor-panel__lesson-meta-form__dialog__button-valid-and-quit.cdk-keyboard-focused .mat-icon { color: !important; } .editor-panel__lesson-meta-form__dialog__button-valid-and-quit:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } .editor-panel__lesson-meta-form__dialog__button-valid-and-quit:active .mat-icon { color: !important; } .editor-panel__lesson-meta-form__dialog__button-valid-and-quit[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .editor-panel__lesson-meta-form__dialog__button-valid-and-quit[disabled] .mat-icon { color: #989CA4 !important; } .editor-panel__lesson-meta-form__dialog__button-valid-and-quit[disabled] { border: none; } .editor-panel__lesson-meta-form__dialog app-lesson-meta-form-as-dialog { --app-lesson-meta-form-as-dialog-background: #EAEAEA; flex: 1; display: flex; flex-direction: column; background-color: var(--app-lesson-meta-form-as-dialog-background, #F9FBFF); box-shadow: 0px 50px 100px 0px rgba(0, 0, 0, 0.1); } .editor-panel__lesson-meta-form__dialog app-lesson-meta-form-as-dialog .mat-mdc-dialog-title { margin: 0; margin-right: auto; } .editor-panel__lesson-meta-form__dialog app-lesson-meta-form-as-dialog .mat-mdc-dialog-title h2 { margin-right: auto; } .editor-panel__lesson-meta-form__dialog app-lesson-meta-form-as-dialog .mat-mdc-dialog-content { flex: 1; display: flex; padding-top: 0; padding-inline: clamp(20px, 1.52vw + 10.91px, 40px); padding-bottom: clamp(10px, 0.76vw + 5.45px, 20px); } .activity-search-engine__dialog { width: 100%; height: 100%; max-height: 80vh; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel { background-color: var(--faux-blanc, #F9FBFF); flex: 1; display: flex; position: relative; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel { flex: 1; display: flex; flex-direction: column; position: absolute; top: 0; bottom: 0; inset: 0; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel app-educational-level-filter-selector-of-concepts-list mat-spinner.mat-mdc-progress-spinner svg circle { stroke: #ebebeb; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title { margin: 0; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title h2 { margin-right: auto; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title button, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label { min-height: 44px !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; border-top-right-radius: 0; border-bottom-right-radius: 0; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label .mat-icon + span { margin-right: 2px; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label span:has(+ .mat-icon) { margin-left: 2px; } } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label:hover, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label:hover .mat-icon, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label:active .mat-icon { color: #000 !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label[disabled] .mat-icon { color: #989CA4 !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label mat-icon.mat-icon svg { color: var(--vert, #01844D) !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label span { font-weight: normal; font-size: 1.4rem; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; margin-inline: 0; border-radius: 0; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button .mat-icon + span { margin-right: 2px; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button span:has(+ .mat-icon) { margin-left: 2px; } } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button:hover, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button:hover .mat-icon, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button:active .mat-icon { color: #000 !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button[disabled] .mat-icon { color: #989CA4 !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button span { text-decoration: underline; font-weight: normal; font-size: 1.4rem; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button { color: #00324f; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label:hover, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button:hover { color: rgba(0, 50, 79, 0.8); } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__selected-count-label:active, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__clear-selection-button:active { color: #00324f; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); flex-direction: row-reverse; margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button .mat-icon + span { margin-right: 2px; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button span:has(+ .mat-icon) { margin-left: 2px; } } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button:hover, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button:hover .mat-icon, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button.cdk-keyboard-focused .mat-icon { color: !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button:active .mat-icon { color: !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button[disabled] .mat-icon { color: #989CA4 !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title .app-activity-search-engine-panel__validate-selection-button[disabled] { border: none; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-title button + button.close { display: none; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content { display: flex; flex: 1; max-height: 100%; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content.filter-is-selected { justify-content: flex-start; flex-direction: column; display: flex; align-items: stretch; background: white; flex-grow: 1; min-height: 0; overflow: hidden; padding: 0; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content app-filter-bar .mat-mdc-chip { --mdc-chip-label-text-weight: 500; background: linear-gradient(180deg, #006aa6 0%, #2680b3 100%) !important; color: #FFF !important; transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; padding: 7px 12px; border-radius: 16px; align-items: center; cursor: default; height: unset; min-height: 32px; gap: 10px; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content app-filter-bar .mat-mdc-chip .mat-icon { background-color: transparent; opacity: 1; color: #FFF; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content app-filter-bar .mat-mdc-chip .mat-icon svg { width: inherit; height: inherit; min-height: inherit; min-width: inherit; transform: none; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content app-filter-bar .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label { display: flex; align-items: center; gap: 1rem; color: inherit; text-wrap: unset; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content app-filter-bar .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label a { color: inherit; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content app-filter-bar .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove { background-color: unset; border: unset; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content app-filter-bar .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove .mat-icon { width: 1.8rem; height: auto; aspect-ratio: 1; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content app-filter-bar .mat-mdc-chip:not(.mat-mdc-chip-option) .mat-mdc-chip-action { padding: unset; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content { flex: 1; display: flex; padding: 0; align-items: center; justify-content: center; max-height: 100%; gap: 16px; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content.lessons-search-viewer { align-items: stretch; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content h2 { margin: 0; text-align: center; /* H1 Bold 24 */ font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__icon { font-size: 50px; width: 50px; height: 50px; min-width: 50px; min-height: 50px; line-height: 50px; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__icon svg { width: 50px; height: 50px; min-height: 50px; min-width: 50px; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content app-generic-filter-selector .mat-mdc-chip { --mdc-chip-label-text-weight: 500; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%) !important; color: #000 !important; transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; padding: 7px 12px; border-radius: 16px; align-items: center; cursor: default; height: unset; min-height: 32px; gap: 10px; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content app-generic-filter-selector .mat-mdc-chip .mat-icon { background-color: transparent; opacity: 1; color: #000; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content app-generic-filter-selector .mat-mdc-chip .mat-icon svg { width: inherit; height: inherit; min-height: inherit; min-width: inherit; transform: none; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content app-generic-filter-selector .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label { display: flex; align-items: center; gap: 1rem; color: inherit; text-wrap: unset; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content app-generic-filter-selector .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label a { color: inherit; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content app-generic-filter-selector .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove { background-color: unset; border: unset; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content app-generic-filter-selector .mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label .mat-chip-remove .mat-icon { width: 1.8rem; height: auto; aspect-ratio: 1; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content app-generic-filter-selector .mat-mdc-chip:not(.mat-mdc-chip-option) .mat-mdc-chip-action { padding: unset; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button .mat-icon + span { margin-right: 2px; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button span:has(+ .mat-icon) { margin-left: 2px; } } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button:hover, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button:hover .mat-icon, .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button.cdk-keyboard-focused .mat-icon { color: !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button:active .mat-icon { color: !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button[disabled] .mat-icon { color: #989CA4 !important; } .activity-search-engine__dialog app-activity-search-engine-dialog app-activity-search-engine-panel app-back-panel .mat-mdc-dialog-content > .content .app-activity-search-engine-panel__button[disabled] { border: none; } app-generic-filter-selector { display: flex; padding-inline: 20px; } app-filter-bar { background: var(--noir_5, rgba(0, 0, 0, 0.05)); padding: 8px; display: flex; flex: none; flex-direction: column; } app-filter-bar .activity-search-engine-panel__button-clear_filters { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; flex: none; margin-left: auto; } app-filter-bar .activity-search-engine-panel__button-clear_filters mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-filter-bar .activity-search-engine-panel__button-clear_filters mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-filter-bar .activity-search-engine-panel__button-clear_filters .mat-icon + span { margin-right: 2px; } app-filter-bar .activity-search-engine-panel__button-clear_filters span:has(+ .mat-icon) { margin-left: 2px; } } app-filter-bar .activity-search-engine-panel__button-clear_filters:hover, app-filter-bar .activity-search-engine-panel__button-clear_filters.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } app-filter-bar .activity-search-engine-panel__button-clear_filters:hover .mat-icon, app-filter-bar .activity-search-engine-panel__button-clear_filters.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } app-filter-bar .activity-search-engine-panel__button-clear_filters:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } app-filter-bar .activity-search-engine-panel__button-clear_filters:active .mat-icon { color: #000 !important; } app-filter-bar .activity-search-engine-panel__button-clear_filters[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-filter-bar .activity-search-engine-panel__button-clear_filters[disabled] .mat-icon { color: #989CA4 !important; } app-filter-bar .activity-search-engine-panel__button-clear_filters::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-filter-bar .activity-search-engine-panel__button-clear_filters span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-filter-bar .activity-search-engine-panel__button-resume_filters { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; } app-filter-bar .activity-search-engine-panel__button-resume_filters mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-filter-bar .activity-search-engine-panel__button-resume_filters mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-filter-bar .activity-search-engine-panel__button-resume_filters .mat-icon + span { margin-right: 2px; } app-filter-bar .activity-search-engine-panel__button-resume_filters span:has(+ .mat-icon) { margin-left: 2px; } } app-filter-bar .activity-search-engine-panel__button-resume_filters:hover, app-filter-bar .activity-search-engine-panel__button-resume_filters.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } app-filter-bar .activity-search-engine-panel__button-resume_filters:hover .mat-icon, app-filter-bar .activity-search-engine-panel__button-resume_filters.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } app-filter-bar .activity-search-engine-panel__button-resume_filters:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } app-filter-bar .activity-search-engine-panel__button-resume_filters:active .mat-icon { color: #000 !important; } app-filter-bar .activity-search-engine-panel__button-resume_filters[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-filter-bar .activity-search-engine-panel__button-resume_filters[disabled] .mat-icon { color: #989CA4 !important; } app-filter-bar .activity-search-engine-panel__button-resume_filters::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-filter-bar > .mat-mdc-chip-set { background-color: white; padding: 12px; border-radius: 8px; border: 1px solid var(--gris-de-contour, #E0E0E0); } app-lessons-search-viewer { overflow: auto; flex: 0 1 100%; scroll-snap-type: y; display: flex; flex-direction: column; max-width: 100%; padding: 20px; } app-lessons-search-viewer mat-spinner svg circle { stroke: #ebebeb !important; } app-lesson-horizontal-viewer { padding-block: clamp(10px, 0.76vw + 5.45px, 20px); padding-top: clamp(20px, 2vh + 10.91px, 40px); padding-bottom: 0; flex-direction: column; overflow: auto; margin-bottom: 20px; width: auto; display: flex; scroll-snap-align: start; border-radius: 5px; border: 1px solid var(--gris-de-contour, #CBD1DB); background: var(--noir_5, rgba(0, 0, 0, 0.05)); flex: none; } app-lesson-horizontal-viewer .header, app-lesson-horizontal-viewer .content { margin-inline: 50px; } app-lesson-horizontal-viewer .header { flex: none; display: flex; padding-bottom: clamp(10px, 0.76vw + 5.45px, 20px); justify-content: space-between; /* H5 Bold 14 */ font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; } app-lesson-horizontal-viewer .header button { text-align: right; /* H6 Bold 12 Souligner */ font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; text-decoration-line: underline; position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); padding: 0; background: unset; box-shadow: none; } app-lesson-horizontal-viewer .header button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-lesson-horizontal-viewer .header button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-lesson-horizontal-viewer .header button .mat-icon + span { margin-right: 2px; } app-lesson-horizontal-viewer .header button span:has(+ .mat-icon) { margin-left: 2px; } } app-lesson-horizontal-viewer .header button:hover, app-lesson-horizontal-viewer .header button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-lesson-horizontal-viewer .header button:hover .mat-icon, app-lesson-horizontal-viewer .header button.cdk-keyboard-focused .mat-icon { color: !important; } app-lesson-horizontal-viewer .header button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-lesson-horizontal-viewer .header button:active .mat-icon { color: !important; } app-lesson-horizontal-viewer .header button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-lesson-horizontal-viewer .header button[disabled] .mat-icon { color: #989CA4 !important; } app-lesson-horizontal-viewer .header button[disabled] { border: none; } app-lesson-horizontal-viewer .header button::before { display: none; } app-lesson-horizontal-viewer .header button:hover, app-lesson-horizontal-viewer .header button:active { background: unset !important; box-shadow: none; } app-lesson-horizontal-viewer .content { flex: 1; display: flex; flex-direction: row; gap: 20px; overflow-x: visible; overflow-y: hidden; scroll-snap-type: x; } app-lesson-horizontal-viewer .content app-pretty-activity-card { flex: 1; width: auto; height: 30vh; min-height: 32.5rem; max-height: 40rem; aspect-ratio: 2/2.75; margin-bottom: 17px; scroll-snap-align: start; } app-lesson-horizontal-viewer mat-spinner { width: 5rem !important; height: auto !important; aspect-ratio: 1; margin-bottom: clamp(20px, 2vh + 10.91px, 40px) !important; } .app-lesson-horizontal-viewer { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; width: auto; padding: 15px 16px; border-radius: var(--Radius-L, 10px); background: var(--noir-5, rgba(0, 0, 0, 0.05)); } .assignment-by-steps-wrapper { width: 128rem; min-width: min-content; max-height: 90vh; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface { overflow-y: auto; border-radius: 14px; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps { border-radius: inherit; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps { position: relative; color: var(--milan-vert); border-radius: inherit; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header { display: flex; align-items: center; gap: 1.5rem; padding: 1.5rem 1rem 1.5rem 2.5rem; background-color: var(--milan-vert); } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__title { margin: 0; color: white; font-size: 1.8rem; line-height: 1.2; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__step-container { display: flex; gap: 0.5rem; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__step-container .assignment-by-steps__step { padding: 0.5rem 1rem; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; font-style: italic; font-weight: 800; transition: color 100ms ease-in-out, background-color 100ms ease-in-out; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__step-container .assignment-by-steps__step:first-child { padding-left: 1rem; border-top-left-radius: 38px; border-bottom-left-radius: 38px; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__step-container .assignment-by-steps__step:last-child { padding-right: 1rem; border-top-right-radius: 38px; border-bottom-right-radius: 38px; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__step-container .assignment-by-steps__step.assignment-by-steps__step--active { color: rgb(255, 255, 255); background-color: #ebebeb; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #FFF; background: rgba(255, 255, 255, 0.05); border-radius: 8px; box-shadow: 0px -4px 10px 0px rgba(255, 255, 255, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; padding: 0.5rem 1rem; margin-left: auto; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #FFF !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button .mat-icon + span { margin-right: 2px; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button span:has(+ .mat-icon) { margin-left: 2px; } } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button:hover, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button.cdk-keyboard-focused { background: rgba(255, 255, 255, 0.1); box-shadow: 0px -4px 10px 0px rgba(255, 255, 255, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button:hover .mat-icon, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button.cdk-keyboard-focused .mat-icon { color: !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button:active { background: rgba(0, 0, 0, 0.1); box-shadow: none; transform: translateY(1px); } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button:active .mat-icon { color: !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button[disabled] { color: #4B525F; background: rgba(255, 255, 255, 0.03); box-shadow: none; pointer-events: none; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button[disabled] .mat-icon { color: #4B525F !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__header .assignment-by-steps__close-button span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions { display: flex; align-items: center; gap: 1.5rem; padding: 1.5rem; background-color: var(--milan-vert); } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #FFF; background: rgba(255, 255, 255, 0.05); border-radius: 8px; box-shadow: 0px -4px 10px 0px rgba(255, 255, 255, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #FFF !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button .mat-icon + span { margin-right: 2px; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button span:has(+ .mat-icon) { margin-left: 2px; } } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button:hover, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button.cdk-keyboard-focused { background: rgba(255, 255, 255, 0.1); box-shadow: 0px -4px 10px 0px rgba(255, 255, 255, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button:hover .mat-icon, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button.cdk-keyboard-focused .mat-icon { color: !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button:active { background: rgba(0, 0, 0, 0.1); box-shadow: none; transform: translateY(1px); } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button:active .mat-icon { color: !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button[disabled] { color: #4B525F; background: rgba(255, 255, 255, 0.03); box-shadow: none; pointer-events: none; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button[disabled] .mat-icon { color: #4B525F !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); margin-left: auto; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button mat-icon.mat-icon, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button mat-icon.mat-icon svg, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button .mat-icon + span, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button .mat-icon + span { margin-right: 2px; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button span:has(+ .mat-icon), .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button span:has(+ .mat-icon) { margin-left: 2px; } } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button:hover, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button.cdk-keyboard-focused, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button:hover, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button:hover .mat-icon, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button.cdk-keyboard-focused .mat-icon, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button:hover .mat-icon, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button.cdk-keyboard-focused .mat-icon { color: !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button:active, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button:active .mat-icon, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button:active .mat-icon { color: !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button[disabled], .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button[disabled] .mat-icon, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button[disabled] .mat-icon { color: #989CA4 !important; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button[disabled], .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button[disabled] { border: none; } .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__previous-button, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__next-button, .assignment-by-steps-wrapper .mat-mdc-dialog-surface app-assignment-by-steps .assignment-by-steps .assignment-by-steps__actions .assignment-by-steps__validate-button { padding: 1rem 1.5rem; } app-assignment-select-seances .assignment-select-seances, app-assignment-select-seances .assignment-select-one-seance, app-assignment-select-seances .assignment-select-assignated, app-assignment-select-seances .assignment-manage-dates, app-assignment-select-one-seance .assignment-select-seances, app-assignment-select-one-seance .assignment-select-one-seance, app-assignment-select-one-seance .assignment-select-assignated, app-assignment-select-one-seance .assignment-manage-dates, app-assignment-select-assignated .assignment-select-seances, app-assignment-select-assignated .assignment-select-one-seance, app-assignment-select-assignated .assignment-select-assignated, app-assignment-select-assignated .assignment-manage-dates, app-assignment-manage-dates .assignment-select-seances, app-assignment-manage-dates .assignment-select-one-seance, app-assignment-manage-dates .assignment-select-assignated, app-assignment-manage-dates .assignment-manage-dates { background-color: var(--gris-de-fond); } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb { display: flex; align-items: center; padding: 1rem 2.5rem; background-color: rgba(var(--milan-vert), 0.03); border-bottom: 1px solid rgba(var(--milan-vert), 0.05); line-height: 1.2; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item { display: flex; align-items: center; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-label, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-label { font-size: 1.6rem; font-weight: 700; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-seances__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-one-seance__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-select-assignated__breadcrumb-item .assignment-manage-dates__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-seances__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-one-seance__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-select-assignated__breadcrumb-icon, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__breadcrumb .assignment-manage-dates__breadcrumb-item .assignment-manage-dates__breadcrumb-icon { color: rgba(var(--milan-vert), 0.3); } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__content, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__content, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__content, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__content, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__content, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__content, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__content, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__content, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__content, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__content, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__content, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__content, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__content, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__content, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__content, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__content, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__content, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__content, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__content, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__content, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__content, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__content, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__content, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__content, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__content, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__content, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__content, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__content, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__content, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__content, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__content, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__content, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__content, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__content, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__content, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__content, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__content, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__content, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__content, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__content, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__content, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__content, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__content, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__content, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__content, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__content, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__content, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__content, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__content, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__content, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__content, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__content, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__content, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__content, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__content, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__content, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__content, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__content, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__content, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__content, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__content, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content { display: flex; flex-direction: column; gap: 1.5rem; padding: 2rem; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-seances .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-seances .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-seances .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-one-seance .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-one-seance .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-assignated .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-select-assignated .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-manage-dates .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-seances .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-seances .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-seances .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-one-seance .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-select-assignated .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-one-seance .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-seances .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-seances .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-one-seance .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-select-assignated .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-manage-dates .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-select-assignated .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-seances .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-seances .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-one-seance .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-assignated .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-select-assignated .assignment-manage-dates__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-seances__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-one-seance__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-manage-dates .assignment-select-assignated__content .assignment-manage-dates__title, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-select-seances__title, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-select-one-seance__title, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-select-assignated__title, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__title { margin: unset; font-size: 1.8rem; font-weight: 600; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container { position: relative; display: flex; flex-direction: column; gap: 1px; padding: 1rem; background-color: rgba(var(--milan-vert), 0.15); border-radius: 12px; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, transparent 30%, rgba(255, 255, 255, 0.5) 60%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto 1fr; gap: 1rem; padding: 1.5rem; background-color: var(--faux-blanc); } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper:last-child { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset { display: contents; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__fieldset-legend { grid-column: 1/span 2; grid-row: 1/span 1; display: flex; align-items: center; gap: 0.5rem; font-weight: 600; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__fieldset-legend .assignment-manage-dates__legend-icon { flex: none; width: 2rem; min-width: unset; height: auto; min-height: unset; aspect-ratio: 1; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__fieldset-legend .assignment-manage-dates__legend-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__fieldset-legend .assignment-manage-dates__legend-label { transform: translateY(0.1em); } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__input-wrapper, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__select-wrapper { position: relative; width: 100%; background-color: rgb(255, 255, 255); border-radius: 6px; box-shadow: 0px 4px 4px 0px rgba(var(--milan-vert), 0.09), 0px 4px 4px 0px rgba(255, 255, 255, 0.04) inset; font-weight: 500; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__input-wrapper::before, app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__select-wrapper::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__input-wrapper { grid-column: 1/span 1; grid-row: 2/span 1; display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; padding: 1rem; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__input-wrapper .mat-datepicker-input { transform: translateY(0.1em); } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__input-wrapper .mat-datepicker-toggle { display: flex; justify-content: center; align-items: center; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__input-wrapper .mat-datepicker-toggle button { width: 2.8rem; height: auto; aspect-ratio: 1; padding: unset; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__input-wrapper .mat-datepicker-toggle button .mat-icon { width: 100%; min-width: unset; height: 100%; min-height: unset; color: var(--milan-vert) !important; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__input-wrapper .mat-datepicker-toggle button .mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__input-wrapper mat-datepicker { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__select-wrapper { grid-column: 2/span 1; grid-row: 2/span 1; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__select-wrapper .mat-mdc-select { height: 100%; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__select-wrapper .mat-mdc-select .mat-mdc-select-trigger { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; height: 100%; padding: 1rem; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__select-wrapper .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value { color: inherit; transform: translateY(0.1em); } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__select-wrapper .mat-mdc-select .mat-mdc-select-arrow-wrapper { width: 2.8rem; height: auto; aspect-ratio: 1; background-color: var(--milan-vert); -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/arrow_drop_down_rounded_700.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/arrow_drop_down_rounded_700.svg"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } app-assignment-manage-dates .assignment-manage-dates .assignment-manage-dates__content .assignment-manage-dates__fieldset-container .assignment-manage-dates__fieldset-wrapper .assignment-manage-dates__fieldset .assignment-manage-dates__select-wrapper .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow { display: none; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__primary-content { display: flex; align-items: center; gap: 1.5rem; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__primary-content .assignment-select-assignated__radio-container { display: flex; align-items: center; gap: 1rem; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__primary-content .assignment-select-assignated__radio-container .assignment-select-assignated__radio-button { color: #ffed00; font-size: 1.4rem; font-weight: 600; border-bottom: 1px solid #ffed00; cursor: pointer; transition: color 100ms ease-in-out, border-bottom 100ms ease-in-out; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__primary-content .assignment-select-assignated__radio-container .assignment-select-assignated__radio-button.assignment-select-assignated__radio-button--selected { color: rgba(var(--milan-vert), 0.6); border-bottom: 1px solid transparent; pointer-events: none; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__primary-content .assignment-select-assignated__radio-container .assignment-select-assignated__radio-button:has(:focus-visible) { outline: 2px auto Highlight !important; outline: 2px auto -webkit-focus-ring-color !important; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__primary-content .assignment-select-assignated__radio-container .assignment-select-assignated__radio-button input[type=radio] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__primary-content .assignment-select-assignated__radio-container .assignment-select-assignated__radio-button span { display: inline-block; transform: translateY(0.1em); } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content { position: relative; border-radius: 16px; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, transparent 30%, rgba(255, 255, 255, 0.5) 60%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container { display: flex; align-items: center; gap: 1rem; padding: 1rem; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__item-to-select, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__selected-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__redo-checkbox, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__item-to-select, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__selected-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__redo-checkbox { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; cursor: pointer; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__item-to-select:has(:focus-visible), app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__selected-item:has(:focus-visible), app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__redo-checkbox:has(:focus-visible), app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__item-to-select:has(:focus-visible), app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__selected-item:has(:focus-visible), app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__redo-checkbox:has(:focus-visible) { outline: 2px auto Highlight !important; outline: 2px auto -webkit-focus-ring-color !important; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__item-to-select span, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__selected-item span, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__redo-checkbox span, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__item-to-select span, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__selected-item span, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__redo-checkbox span { transform: translateY(0.1em); } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__item-to-select input[type=checkbox], app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__selected-item input[type=checkbox], app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__redo-checkbox input[type=checkbox], app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__item-to-select input[type=checkbox], app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__selected-item input[type=checkbox], app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__redo-checkbox input[type=checkbox] { display: flex; justify-content: center; align-items: center; -webkit-appearance: none; appearance: none; margin: unset; cursor: inherit; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__item-to-select, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__selected-item, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__item-to-select, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__selected-item { background-color: rgb(255, 255, 255); border-radius: 16px; box-shadow: 0px 4px 8px 0px rgba(var(--milan-vert), 0.08); font-weight: 700; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__item-to-select input[type=checkbox], app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__selected-item input[type=checkbox], app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__item-to-select input[type=checkbox], app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__selected-item input[type=checkbox] { width: 2rem; height: auto; aspect-ratio: 1; background-color: transparent; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__item-to-select input[type=checkbox]::after, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__selected-item input[type=checkbox]::after, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__item-to-select input[type=checkbox]::after, app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__selected-item input[type=checkbox]::after { content: ""; width: 100%; height: 100%; background-color: var(--milan-vert); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container { background-color: rgba(var(--milan-vert), 0.15); border-radius: inherit; transition: border-bottom-right-radius 100ms ease-in-out, border-bottom-left-radius 100ms ease-in-out; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__item-to-select { transition: filter 100ms ease-in-out; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__item-to-select input[type=checkbox]::after { -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/add_700.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/add_700.svg"); } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__items-to-select-container .assignment-select-assignated__item-to-select.assignment-select-assignated__item-to-select--selected { filter: contrast(50%) opacity(50%); pointer-events: none; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container { background-color: var(--faux-blanc); border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__selected-item input[type=checkbox]::after { -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/close_700.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/close_700.svg"); } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__redo-checkbox { margin-left: auto; background-color: var(--gris-de-fond); border-radius: 6px; font-weight: 500; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__redo-checkbox input[type=checkbox] { width: 1.8rem; height: auto; aspect-ratio: 1; background-color: var(--milan-vert); } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__redo-checkbox input[type=checkbox]::after { content: ""; width: 80%; height: 80%; background-color: inherit; -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/check.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/check.svg"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content .assignment-select-assignated__selected-item-container .assignment-select-assignated__redo-checkbox input[type=checkbox]:checked::after { background-color: var(--gris-de-fond); } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__secondary-content.assignment-select-assignated__secondary-content--open .assignment-select-assignated__items-to-select-container { border-bottom-right-radius: unset; border-bottom-left-radius: unset; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__comment { padding: 1rem; background-color: rgb(255, 255, 255); border-radius: 8px; } app-assignment-select-assignated .assignment-select-assignated .assignment-select-assignated__content .assignment-select-assignated__comment::placeholder { color: rgba(var(--milan-vert), 0.6); font-weight: 500; } app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-one-seance__title cite { font-style: italic; font-weight: 900; } app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-one-seance__session-container { position: relative; display: flex; flex-direction: column; gap: 0.5rem; padding: 0.5rem; background-color: rgba(var(--milan-vert), 0.15); border-radius: 12px; } app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-one-seance__session-container::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, transparent 30%, rgba(255, 255, 255, 0.5) 60%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-one-seance__session-container .assignment-select-one-seance__session-button { all: unset; position: relative; display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; color: #ffed00; background-color: rgba(255, 255, 255, 0.75); border-radius: 8px; cursor: pointer; } app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-one-seance__session-container .assignment-select-one-seance__session-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-assignment-select-one-seance .assignment-select-one-seance .assignment-select-one-seance__content .assignment-select-one-seance__session-container .assignment-select-one-seance__session-button .assignment-select-one-seance__session-label { font-weight: 700; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__title cite { font-style: italic; font-weight: 900; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container { position: relative; display: flex; flex-direction: column; gap: 0.5rem; padding: 0.5rem; background-color: rgba(var(--milan-vert), 0.15); border-radius: 12px; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, transparent 30%, rgba(255, 255, 255, 0.5) 60%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container .assignment-select-seances__session-checkbox { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; background-color: rgba(255, 255, 255, 0.75); border-radius: 8px; cursor: pointer; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container .assignment-select-seances__session-checkbox::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container .assignment-select-seances__session-checkbox:has(:focus-visible) { outline: 2px auto Highlight !important; outline: 2px auto -webkit-focus-ring-color !important; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container .assignment-select-seances__session-checkbox input[type=checkbox] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container .assignment-select-seances__session-checkbox .assignment-select-seances__session-label, app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container .assignment-select-seances__session-checkbox .assignment-select-seances__session-assignment { font-weight: 700; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container .assignment-select-seances__session-checkbox .assignment-select-seances__session-assignment { display: flex; align-items: center; gap: 1rem; padding: 0.5rem 1rem; color: #ffed00; background-color: rgba(var(--milan-vert), 0.05); border-radius: 4px; font-size: 1.4rem; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container .assignment-select-seances__session-checkbox .assignment-select-seances__session-assignment .assignment-select-seances__assignment-icon { display: flex; justify-content: center; align-items: center; width: auto; height: 2rem; aspect-ratio: 1; background-color: var(--faux-blanc); transition: background-color 100ms ease-in-out; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container .assignment-select-seances__session-checkbox .assignment-select-seances__session-assignment .assignment-select-seances__assignment-icon::after { content: ""; width: 80%; height: 80%; background-color: var(--faux-blanc); -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/check.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/check.svg"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } app-assignment-select-seances .assignment-select-seances .assignment-select-seances__content .assignment-select-seances__session-container .assignment-select-seances__session-checkbox .assignment-select-seances__session-assignment .assignment-select-seances__assignment-icon.assignment-select-seances__assignment-icon--checked { background-color: #ffed00; } app-assignment-settings-choice .choice-main-container { display: flex; flex-direction: row; } app-assignment-settings-choice .choice-container { display: flex; flex-direction: column; padding: 5px; background: red; margin: 10px; } app-followed-list .followed-list .followed-list__content { color: #000; } app-followed-list .followed-list .followed-list__content .followed-list__banner-info { display: none; } app-followed-list .followed-list .followed-list__content .followed-list__filter-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; width: max-content !important; font-size: 1.4rem; } app-followed-list .followed-list .followed-list__content .followed-list__filter-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-followed-list .followed-list .followed-list__content .followed-list__filter-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-followed-list .followed-list .followed-list__content .followed-list__filter-button .mat-icon + span { margin-right: 2px; } app-followed-list .followed-list .followed-list__content .followed-list__filter-button span:has(+ .mat-icon) { margin-left: 2px; } } app-followed-list .followed-list .followed-list__content .followed-list__filter-button:hover, app-followed-list .followed-list .followed-list__content .followed-list__filter-button.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } app-followed-list .followed-list .followed-list__content .followed-list__filter-button:hover .mat-icon, app-followed-list .followed-list .followed-list__content .followed-list__filter-button.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } app-followed-list .followed-list .followed-list__content .followed-list__filter-button:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } app-followed-list .followed-list .followed-list__content .followed-list__filter-button:active .mat-icon { color: #000 !important; } app-followed-list .followed-list .followed-list__content .followed-list__filter-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-followed-list .followed-list .followed-list__content .followed-list__filter-button[disabled] .mat-icon { color: #989CA4 !important; } app-followed-list .followed-list .followed-list__content .followed-list__filter-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-followed-list .followed-list .followed-list__content app-followed-filter .followed-filter .followed-filter__toolbar { padding: 2.5rem 2.5rem 1rem 2.5rem; margin: unset; background-color: #ebebeb; border: unset; border-radius: 8px; box-shadow: unset; } app-followed-list .followed-list .followed-list__content app-followed-filter .followed-filter .followed-filter__toolbar .followed-filter__toolbar-row { padding: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper { min-width: min-content; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table { padding: unset; border-spacing: unset !important; background-color: #ebebeb; border: unset; border-top-left-radius: 12px; border-top-right-radius: 12px; font-weight: 700; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table thead { color: #FFF; background-color: var(--milan-vert); border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: unset; border-bottom-left-radius: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table thead .mat-mdc-header-row { height: unset; color: inherit; background-color: unset; border-radius: inherit; cursor: auto; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table thead .mat-mdc-header-row .mat-mdc-header-cell { position: relative; display: table-cell !important; color: inherit; font-weight: 800; padding: 1rem; border: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table thead .mat-mdc-header-row .mat-mdc-header-cell::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table thead .mat-mdc-header-row .mat-mdc-header-cell:first-child { padding-left: 2.5rem; border-top-left-radius: inherit; border-bottom-left-radius: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table thead .mat-mdc-header-row .mat-mdc-header-cell:first-child::before { padding-right: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table thead .mat-mdc-header-row .mat-mdc-header-cell:last-child { padding-right: 2.5rem; border-top-right-radius: inherit; border-bottom-right-radius: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table thead .mat-mdc-header-row .mat-mdc-header-cell:last-child::before { padding-left: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table thead .mat-mdc-header-row .mat-mdc-header-cell:not(:first-child, :last-child)::before { padding-right: unset; padding-left: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody { background-color: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody::before { content: none; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row { height: unset; background-color: unset; border-radius: unset; box-shadow: none; cursor: auto; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell { position: relative; display: table-cell !important; padding: 1rem; color: unset; background-color: rgba(255, 255, 255, 0.75); background-clip: padding-box; border-top: 1.5rem solid transparent; border-radius: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgb(255, 255, 255) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell:first-child { border-left: 1.5rem solid transparent; clip-path: padding-box inset(0 0 0 0 round 8px 0 0 8px); } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell:first-child::before { border-top-left-radius: 8px; border-bottom-left-radius: 8px; padding-right: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell:last-child { border-right: 1.5rem solid transparent; clip-path: padding-box inset(0 0 0 0 round 0 8px 8px 0); } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell:last-child::before { border-top-right-radius: 8px; border-bottom-right-radius: 8px; padding-left: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell:not(:first-child, :last-child)::before { padding-right: unset; padding-left: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-classOrGroups .followed-list__group-wrapper { display: flex; align-items: center; gap: 0.5rem; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-classOrGroups .followed-list__group-wrapper .followed-list__group-chip { position: relative; display: grid; grid-template-columns: auto 1fr; justify-items: stretch; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background-color: var(--milan-vert); border-radius: 37px; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-classOrGroups .followed-list__group-wrapper .followed-list__group-chip::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-classOrGroups .followed-list__group-wrapper .followed-list__group-chip .followed-list__group-color { display: none; width: 1.6rem; height: auto; aspect-ratio: 1; border-radius: 50%; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-classOrGroups .followed-list__group-wrapper .followed-list__group-chip .followed-list__group-name { overflow: hidden; width: min-content; max-width: 12ch; color: #FFF; font-size: 1.6rem; text-overflow: ellipsis; white-space: nowrap; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-classOrGroups .followed-list__group-wrapper .followed-list__group-length { position: relative; display: flex; justify-content: center; align-items: center; width: auto; min-width: 3.2rem; min-height: 3.2rem; padding: 0.5rem; background-color: #ebebeb; border-radius: 37px; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-classOrGroups .followed-list__group-wrapper .followed-list__group-length::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-concept div { position: relative; display: inline-flex; justify-content: center; align-items: center; padding: 0.5rem 1rem; color: #FFF; background-color: #000; border-radius: 37px; box-shadow: 0px 4px 4px 0px rgba(var(--milan-vert), 0.1); font-size: 1.6rem; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-concept div::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-assignment_title button { display: grid; grid-template-columns: auto 1fr; justify-items: stretch; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; color: unset; background-color: unset; border: unset; border-radius: 6px; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-assignment_title button .mat-icon { color: #000; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-assignment_title button span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-width: 20rem; text-overflow: ellipsis; font-size: inherit; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-assignment_title button:hover { background-color: #ebebeb; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper { display: flex; justify-content: flex-start; align-items: stretch; gap: 0.5rem; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button { line-height: 1.2; width: unset; min-width: unset; height: unset; min-height: unset; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger .mat-icon + span { margin-right: 2px; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger span:has(+ .mat-icon) { margin-left: 2px; } } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger:hover, app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger.cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger:hover .mat-icon, app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger.cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger:active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger:active .mat-icon { color: #000 !important; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger[disabled] .mat-icon { color: #989CA4 !important; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger .mat-icon { color: inherit !important; transform: rotate(90deg); } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button.mat-mdc-menu-trigger .mat-icon svg { color: inherit !important; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger) { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); min-width: max-content; font-size: 1.4rem; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger) mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger) mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger) .mat-icon + span { margin-right: 2px; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger) span:has(+ .mat-icon) { margin-left: 2px; } } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger):hover, app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger).cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger):hover .mat-icon, app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger).cdk-keyboard-focused .mat-icon { color: !important; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger):active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger):active .mat-icon { color: !important; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger)[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger)[disabled] .mat-icon { color: #989CA4 !important; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons .buttons-wrapper button:not(.mat-mdc-menu-trigger)[disabled] { border: none; } app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper .followed-list__table tbody .mat-mdc-row .mat-mdc-cell.mat-column-buttons:last-child .buttons-wrapper { justify-content: flex-end; } app-followed-list .followed-list .followed-list__content .followed-list__paginator { background-color: #ebebeb; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; font-size: 1.4rem; } app-followed-log-book .content { display: initial !important; } app-followed-log-book mat-spinner { margin: auto; } app-followed-tabs { flex: 1 0 auto !important; min-width: min-content; padding: 1.5rem 3rem; background-color: #FFF; } app-followed-tabs .followed-tabs { overflow: hidden; flex: none !important; display: grid !important; grid-template-columns: 1fr; grid-template-rows: repeat(5, auto); align-content: start; align-items: center; } @media screen and (min-width: 960px) { app-followed-tabs .followed-tabs { grid-template-columns: 1fr auto; grid-template-rows: repeat(4, auto); } } app-followed-tabs .followed-tabs .followed-tabs__nav { grid-column: 1/span 1; grid-row: 1/span 1; margin-bottom: 3rem; border: unset; } app-followed-tabs .followed-tabs .followed-tabs__nav .mat-mdc-tab-link-container .mat-mdc-tab-list .mat-mdc-tab-links { justify-content: unset; gap: 1rem; } app-followed-tabs .followed-tabs .followed-tabs__nav .mat-mdc-tab-link-container .mat-mdc-tab-list .mat-mdc-tab-links .followed-tabs__nav-button { line-height: 1.2; flex: none; height: unset; padding: 1rem 0.5rem; opacity: unset; color: #000; font-family: inherit; font-size: 1.6rem; font-weight: 500; } app-followed-tabs .followed-tabs .followed-tabs__nav .mat-mdc-tab-link-container .mat-mdc-tab-list .mat-mdc-tab-links .followed-tabs__nav-button .mdc-tab__content .mdc-tab__text-label { color: inherit; } app-followed-tabs .followed-tabs .followed-tabs__nav .mat-mdc-tab-link-container .mat-mdc-tab-list .mat-mdc-tab-links .followed-tabs__nav-button .mdc-tab-indicator .mdc-tab-indicator__content--underline { border-top: 4px solid var(--milan-vert); } app-followed-tabs .followed-tabs .followed-tabs__nav .mat-mdc-tab-link-container .mat-mdc-tab-list .mat-mdc-tab-links .followed-tabs__nav-button.mdc-tab--active { font-weight: 800; } app-followed-tabs .followed-tabs .followed-tabs__panel { display: contents; } app-generic-assignments-list, app-self-assignments-list { display: contents !important; } app-generic-assignments-list app-followed-list, app-self-assignments-list app-followed-list { display: contents; } app-generic-assignments-list app-followed-list .followed-list, app-self-assignments-list app-followed-list .followed-list { display: contents !important; } app-generic-assignments-list app-followed-list .followed-list .followed-list__content, app-self-assignments-list app-followed-list .followed-list .followed-list__content { display: contents !important; } app-generic-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__filter-button, app-self-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__filter-button { grid-column: 1/span 1; grid-row: 2/span 1; margin-bottom: 3rem; } @media screen and (min-width: 960px) { app-generic-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__filter-button, app-self-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__filter-button { grid-column: 2/span 1; grid-row: 1/span 1; } } app-generic-assignments-list app-followed-list .followed-list .followed-list__content app-followed-filter, app-self-assignments-list app-followed-list .followed-list .followed-list__content app-followed-filter { grid-column: 1/span 1; grid-row: 3/span 1; margin-bottom: 3rem; } @media screen and (min-width: 960px) { app-generic-assignments-list app-followed-list .followed-list .followed-list__content app-followed-filter, app-self-assignments-list app-followed-list .followed-list .followed-list__content app-followed-filter { grid-column: 1/span 2; grid-row: 2/span 1; } } app-generic-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper, app-self-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper { grid-column: 1/span 1; grid-row: 4/span 1; overflow: hidden; } @media screen and (min-width: 960px) { app-generic-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper, app-self-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__table-wrapper { grid-column: 1/span 2; grid-row: 3/span 1; } } app-generic-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__paginator, app-self-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__paginator { grid-column: 1/span 1; grid-row: 5/span 1; } @media screen and (min-width: 960px) { app-generic-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__paginator, app-self-assignments-list app-followed-list .followed-list .followed-list__content .followed-list__paginator { grid-column: 1/span 2; grid-row: 4/span 1; } } /** * For smaller components, there is the components/ folder. While layout/ is macro (defining the global wireframe), components/ is more focused on widgets. It contains all kind of specific modules like a slider, a loader, a widget, and basically anything along those lines. There are usually a lot of files in components/ since the whole site/application should be mostly composed of tiny modules. */ app-bd-card { display: contents; } app-bd-card .mat-mdc-card { overflow: hidden; display: grid; grid-template-columns: 3fr 4fr; grid-template-rows: auto minmax(0, 1fr) auto; background-color: var(--faux-blanc); border: 1px solid var(--gris-de-contour); border-radius: 6px; box-shadow: 0 12px 40px -25px rgba(0, 0, 0, 0.5); } app-bd-card .mat-mdc-card .mat-mdc-card-header { grid-column: 1/span 2; grid-row: 1/span 1; display: flex; justify-content: space-between; align-items: center; gap: 1.2rem; padding: 1.2rem 2.1rem; background-color: var(--bj-gris-clair); color: #000; } app-bd-card .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title h3 { margin: unset; font-size: 2rem; font-weight: 700; line-height: 1.15; } app-bd-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) { --mat-icon-button-hover-state-layer-opacity: 0.1; --mdc-icon-button-state-layer-size: 3rem; padding: unset; } app-bd-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) .mat-icon { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit; } app-bd-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) .mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-bd-card .mat-mdc-card .mat-mdc-card-image { grid-column: 1/span 1; grid-row: 2/span 2; width: 100%; aspect-ratio: 1; object-fit: contain; } app-bd-card .mat-mdc-card .mat-mdc-card-content { grid-column: 2/span 1; grid-row: 2/span 1; position: absolute; overflow-y: auto; display: flex; flex-direction: column; justify-content: safe center; gap: 1.2rem; width: 100%; height: 100%; padding: 1.5rem; } app-bd-card .mat-mdc-card .mat-mdc-card-content dl { margin: unset; } app-bd-card .mat-mdc-card .mat-mdc-card-actions { grid-column: 2/span 1; grid-row: 3/span 1; justify-content: flex-end; gap: 0.9rem; min-height: unset; padding: 0.9rem; } app-bd-card .mat-mdc-card .mat-mdc-card-actions:empty { display: none; } app-bd-card .mat-mdc-card .mat-mdc-card-actions button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); flex: 0.5; justify-content: center; font-size: 1.4rem; } app-bd-card .mat-mdc-card .mat-mdc-card-actions button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-bd-card .mat-mdc-card .mat-mdc-card-actions button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-bd-card .mat-mdc-card .mat-mdc-card-actions button .mat-icon + span { margin-right: 2px; } app-bd-card .mat-mdc-card .mat-mdc-card-actions button span:has(+ .mat-icon) { margin-left: 2px; } } app-bd-card .mat-mdc-card .mat-mdc-card-actions button:hover, app-bd-card .mat-mdc-card .mat-mdc-card-actions button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-bd-card .mat-mdc-card .mat-mdc-card-actions button:hover .mat-icon, app-bd-card .mat-mdc-card .mat-mdc-card-actions button.cdk-keyboard-focused .mat-icon { color: !important; } app-bd-card .mat-mdc-card .mat-mdc-card-actions button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-bd-card .mat-mdc-card .mat-mdc-card-actions button:active .mat-icon { color: !important; } app-bd-card .mat-mdc-card .mat-mdc-card-actions button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-bd-card .mat-mdc-card .mat-mdc-card-actions button[disabled] .mat-icon { color: #989CA4 !important; } app-bd-card .mat-mdc-card .mat-mdc-card-actions button[disabled] { border: none; } app-bd-card .mat-mdc-card::after { content: none; } vertical-layout-1 #main > .container > .container > .container content > app-bd-content-editor > .page-layout > .content { padding: 0 !important; } app-bd-content-editor mat-spinner { margin: 25% auto; } app-bd-content-editor .content-editor { height: 100%; box-sizing: border-box; display: flex; flex-direction: column; place-content: stretch flex-start; align-items: stretch; } app-bd-content-editor .content-editor .bd-header { font-style: normal; font-size: 20px; line-height: 24px; padding-left: 21px; padding-top: 14px; } app-bd-content-editor .content-editor .bd-header button.mat-mdc-mini-fab.mat-accent { float: right; } app-bd-content-editor .content-editor .bd-content { height: 100%; flex: 1 1 auto; } app-bd-content-editor .content-editor .bd-content iframe { border: 0; height: 100%; } mat-dialog-container .mat-mdc-dialog-surface app-bd-data-editor-modal .mat-mdc-dialog-content .form-content mat-list { height: 300px; background-color: #d8e1f1; } mat-dialog-container .mat-mdc-dialog-surface app-bd-data-editor-modal .mat-mdc-dialog-content .form-content mat-list mat-spinner { margin: 0; } mat-dialog-container .mat-mdc-dialog-surface app-bd-data-editor-modal .mat-mdc-dialog-content .form-content mat-list mat-list-item.active { background-color: #b6becc; border-bottom: 1px solid #9298a2; } mat-dialog-container .mat-mdc-dialog-surface app-bd-data-editor-modal .mat-mdc-dialog-content mat-spinner { margin: 25% auto; } mat-dialog-container .mat-mdc-dialog-surface app-bd-generic-alert-modal .mat-mdc-dialog-content .content { text-align: center; } mat-dialog-container .mat-mdc-dialog-surface app-bd-generic-alert-modal .mat-mdc-dialog-content .center, mat-dialog-container .mat-mdc-dialog-surface app-bd-generic-alert-modal .mat-mdc-dialog-content app-multi-graph-view app-errors-graph .no-data-container, app-multi-graph-view app-errors-graph mat-dialog-container .mat-mdc-dialog-surface app-bd-generic-alert-modal .mat-mdc-dialog-content .no-data-container, mat-dialog-container .mat-mdc-dialog-surface app-bd-generic-alert-modal .mat-mdc-dialog-content app-single-graph-view app-errors-graph .no-data-container, app-single-graph-view app-errors-graph mat-dialog-container .mat-mdc-dialog-surface app-bd-generic-alert-modal .mat-mdc-dialog-content .no-data-container { margin: 15px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; align-content: center; } app-bd-list { flex: 1; display: flex; flex-direction: column; gap: 3rem; padding: 1.5rem; background-color: var(--gris-de-fond); } @media screen and (min-width: 600px) { app-bd-list { padding: 1.5rem 2.4rem; } } app-bd-list .bd-list__close-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; align-self: flex-end; margin-bottom: -1.5rem; } app-bd-list .bd-list__close-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-bd-list .bd-list__close-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-bd-list .bd-list__close-button .mat-icon + span { margin-right: 2px; } app-bd-list .bd-list__close-button span:has(+ .mat-icon) { margin-left: 2px; } } app-bd-list .bd-list__close-button:hover, app-bd-list .bd-list__close-button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-bd-list .bd-list__close-button:hover .mat-icon, app-bd-list .bd-list__close-button.cdk-keyboard-focused .mat-icon { color: !important; } app-bd-list .bd-list__close-button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-bd-list .bd-list__close-button:active .mat-icon { color: !important; } app-bd-list .bd-list__close-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-bd-list .bd-list__close-button[disabled] .mat-icon { color: #989CA4 !important; } app-bd-list .bd-list__close-button[disabled] { border: none; } app-bd-list .bd-list__close-button span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-bd-list .bd-list__filters { min-height: unset; margin: unset !important; } app-bd-list .bd-list__help-message { display: flex; flex-direction: column; gap: 0.5rem; font-weight: 500; } app-bd-list .bd-list__help-message p { margin: unset; } app-bd-list .bd-list__cards { flex: 1; display: grid; grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr)); align-content: start; gap: 2.4rem; } @media screen and (min-width: 600px) { app-bd-list .bd-list__cards { grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr)); } } @media screen and (min-width: 960px) { app-bd-list .bd-list__cards { grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr)); } } @media screen and (min-width: 1280px) { app-bd-list .bd-list__cards { grid-template-columns: repeat(auto-fill, minmax(45rem, 1fr)); } } @media screen and (min-width: 1920px) { app-bd-list .bd-list__cards { grid-template-columns: repeat(auto-fill, minmax(50rem, 1fr)); } } app-bd-list .bd-list__cards .bd-list__add-button { display: grid; grid-template-rows: 1fr minmax(calc(50% - 2rem), auto); justify-items: center; max-width: 100%; min-height: 100%; aspect-ratio: 2; background-color: #ffed00; color: #000; border: unset; border-radius: 14px; transition: background-color 100ms ease-in-out, transform 100ms ease-in-out; } app-bd-list .bd-list__cards .bd-list__add-button:hover, app-bd-list .bd-list__cards .bd-list__add-button:active { background-color: #ffeb00; } app-bd-list .bd-list__cards .bd-list__add-button:active { transform: translateY(1px); } app-bd-list .bd-list__cards .bd-list__add-button mat-icon { align-self: end; width: auto; height: 4rem; aspect-ratio: 1; } app-bd-list .bd-list__cards .bd-list__add-button mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-bd-list .bd-list__cards .bd-list__add-button span { align-self: center; padding: 1.5rem; font-size: 2rem; font-weight: 700; } @media screen and (min-width: 600px) { app-bd-list .bd-list__cards .bd-list__add-button span { font-size: 2.2rem; } } bdtool-assets-menu { display: contents !important; } bdtool-assets-menu > div { top: 0; bottom: 0; left: 4rem !important; width: 50% !important; height: -moz-fit-content; height: fit-content; max-height: 90%; margin-block: auto; padding: 1rem !important; } bdtool-assets-menu > div > ul { padding: unset; } bdtool-close-bd-modal .mat-mdc-dialog-title button.close .mat-icon::before { content: ""; width: 100%; height: 100%; background-color: white; -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/cross.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/cross.svg"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } bdtool-close-bd-modal .mat-mdc-dialog-title button.close .mat-icon svg { display: none; } bdtool-close-bd-modal .mat-mdc-dialog-content { display: flex; flex-direction: column; align-items: center; gap: 1rem; min-width: unset !important; } bdtool-close-bd-modal .mat-mdc-dialog-content h2 { text-align: center; } bdtool-close-bd-modal .mat-mdc-dialog-actions { gap: 10px; } bdtool-close-bd-modal .mat-mdc-dialog-actions button { margin: unset !important; } .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent) { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px #ebebeb; transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: none; position: relative; } .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent) mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent) mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent) .mat-icon + span { margin-right: 2px; } .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent) span:has(+ .mat-icon) { margin-left: 2px; } } .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent):hover, .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent).cdk-keyboard-focused { color: rgba(0, 0, 0, 0.8); box-shadow: 0px 4px 0px 100px rgba(255, 255, 255, 0.25) inset, 0px 4px 10px 0px #ebebeb; } .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent):hover .mat-icon, .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent).cdk-keyboard-focused .mat-icon { color: rgba(0, 0, 0, 0.8) !important; } .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent):active { color: #000; background: #ebebeb; box-shadow: none; transform: translateY(1px); } .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent):active .mat-icon { color: #000 !important; } .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent)[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent)[disabled] .mat-icon { color: #989CA4 !important; } .mdc-dialog__container bdtool-close-bd-modal .mat-mdc-dialog-actions button.mat-mdc-button-base:not(.mat-accent)::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 40%, transparent 80%); -webkit-mask: linear-gradient(#FFF 0 100%) content-box, linear-gradient(#FFF 0 100%) border-box add; -webkit-mask-composite: xor; mask: linear-gradient(#FFF 0 100%) content-box exclude, linear-gradient(#FFF 0 100%) border-box add; pointer-events: none; } bdtool-comic-boxes-listing-actions ul { align-items: center; gap: 1.5rem; padding-block: 1rem 2rem; } bdtool-comic-boxes-listing-actions ul li { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; position: relative; width: 3.5rem !important; height: auto; aspect-ratio: 1; padding: 0.2rem; } bdtool-comic-boxes-listing-actions ul li mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } bdtool-comic-boxes-listing-actions ul li mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { bdtool-comic-boxes-listing-actions ul li .mat-icon + span { margin-right: 2px; } bdtool-comic-boxes-listing-actions ul li span:has(+ .mat-icon) { margin-left: 2px; } } bdtool-comic-boxes-listing-actions ul li:hover, bdtool-comic-boxes-listing-actions ul li.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } bdtool-comic-boxes-listing-actions ul li:hover .mat-icon, bdtool-comic-boxes-listing-actions ul li.cdk-keyboard-focused .mat-icon { color: !important; } bdtool-comic-boxes-listing-actions ul li:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } bdtool-comic-boxes-listing-actions ul li:active .mat-icon { color: !important; } bdtool-comic-boxes-listing-actions ul li[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } bdtool-comic-boxes-listing-actions ul li[disabled] .mat-icon { color: #989CA4 !important; } bdtool-comic-boxes-listing-actions ul li[disabled] { border: none; } bdtool-comic-boxes-listing-actions ul li span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } bdtool-comic-boxes-listing-actions ul li::after { content: ""; position: absolute; inset: 0; padding: inherit; background-color: white; -webkit-mask-origin: content-box; mask-origin: content-box; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; pointer-events: none; } bdtool-comic-boxes-listing-actions ul li img { display: none; } bdtool-comic-boxes-listing-actions ul li:hover::after { background-color: white; } bdtool-comic-boxes-listing-actions ul li:active::after { background-color: white; } bdtool-comic-boxes-listing-actions ul li[disabled]::after { background-color: #989CA4; } bdtool-comic-boxes-listing-actions ul li:nth-child(1) { display: none; } bdtool-comic-boxes-listing-actions ul li:nth-child(2)::after { -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/task_alt_rounded.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/task_alt_rounded.svg"); } bdtool-comic-boxes-listing-actions ul li:nth-child(3)::after { -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/download_rounded.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/download_rounded.svg"); } bdtool-comic-boxes-listing-actions ul li:nth-child(4)::after { -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/close_rounded.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/close_rounded.svg"); } bdtool-edit-comic-box > div main { position: relative; } bdtool-edit-comic-box-actions ul { align-items: center; gap: 1.5rem; padding-block: 1rem 2rem; } bdtool-edit-comic-box-actions ul li { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; position: relative; width: 3.5rem !important; height: auto; aspect-ratio: 1; padding: 0.2rem; } bdtool-edit-comic-box-actions ul li mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } bdtool-edit-comic-box-actions ul li mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { bdtool-edit-comic-box-actions ul li .mat-icon + span { margin-right: 2px; } bdtool-edit-comic-box-actions ul li span:has(+ .mat-icon) { margin-left: 2px; } } bdtool-edit-comic-box-actions ul li:hover, bdtool-edit-comic-box-actions ul li.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } bdtool-edit-comic-box-actions ul li:hover .mat-icon, bdtool-edit-comic-box-actions ul li.cdk-keyboard-focused .mat-icon { color: !important; } bdtool-edit-comic-box-actions ul li:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } bdtool-edit-comic-box-actions ul li:active .mat-icon { color: !important; } bdtool-edit-comic-box-actions ul li[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } bdtool-edit-comic-box-actions ul li[disabled] .mat-icon { color: #989CA4 !important; } bdtool-edit-comic-box-actions ul li[disabled] { border: none; } bdtool-edit-comic-box-actions ul li span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } bdtool-edit-comic-box-actions ul li::after { content: ""; position: absolute; inset: 0; padding: inherit; background-color: white; -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/close_rounded.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/close_rounded.svg"); -webkit-mask-origin: content-box; mask-origin: content-box; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; pointer-events: none; } bdtool-edit-comic-box-actions ul li img { display: none; } bdtool-edit-comic-box-actions ul li:hover::after { background-color: white; } bdtool-edit-comic-box-actions ul li:active::after { background-color: white; } bdtool-edit-comic-box-actions ul li[disabled]::after { background-color: #989CA4; } bdtool-new-comic-box-listing-item { background-color: #ffed00 !important; } bdtool-pagination nav ul { margin: unset; gap: 1rem !important; padding: 2rem !important; } bdtool-pagination nav ul li { width: 4rem !important; height: 3rem !important; margin: unset !important; background-color: white !important; color: #ffed00 !important; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) !important; font-size: 1.6rem; } bdtool-pagination nav ul li.active { background-color: #000 !important; color: white !important; } bdtool-pagination nav ul li:has(img) { position: relative; width: auto !important; aspect-ratio: 1; padding: 0.2rem !important; background-color: #ffed00 !important; } bdtool-pagination nav ul li:has(img)::before { content: ""; position: absolute; inset: 0; padding: inherit; background-color: white; -webkit-mask-origin: content-box; mask-origin: content-box; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; pointer-events: none; } bdtool-pagination nav ul li:has(img) img { display: none; } bdtool-pagination nav ul li:has(img):first-child { margin-right: 0.5rem !important; } bdtool-pagination nav ul li:has(img):first-child::before { -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/arrow_left.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/arrow_left.svg"); } bdtool-pagination nav ul li:has(img):last-child { margin-left: 0.5rem !important; } bdtool-pagination nav ul li:has(img):last-child::before { -webkit-mask-image: url("/assets/cycle-1-tne-canope/icons/arrow_right.svg"); mask-image: url("/assets/cycle-1-tne-canope/icons/arrow_right.svg"); } bdtool-root { max-width: 1024px; margin: auto; aspect-ratio: 16/9; } app-gamecode-content-editor mat-spinner { margin: 25% auto; } app-gamecode-content-editor .content-editor { box-sizing: border-box; flex-direction: column; display: flex; justify-content: flex-start; align-items: stretch; height: 100%; } app-gamecode-content-editor .content-editor .gamecode-header { padding-top: 1.4rem; padding-left: 2.1rem; font-size: 2rem; line-height: 2.4rem; font-style: normal; } app-gamecode-content-editor .content-editor .gamecode-header button.mat-mdc-mini-fab.mat-accent { float: right; } app-gamecode-content-editor .content-editor .gamecode-content { flex: 1 1 auto; height: 100%; } app-gamecode-content-editor .content-editor .gamecode-content iframe { height: 100%; border: unset; } vertical-layout-1 #main > .container > .container > .container content > app-gamecode-content-editor > .page-layout > .content { padding: 0 !important; } app-gamecode-list { flex: 1; display: flex; flex-direction: column; gap: 3rem; padding: 1.5rem; background-color: var(--gris-de-fond); } @media screen and (min-width: 600px) { app-gamecode-list { padding: 1.5rem 2.4rem; } } app-gamecode-list .gamecode-list__close-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; align-self: flex-end; margin-bottom: -1.5rem; } app-gamecode-list .gamecode-list__close-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-gamecode-list .gamecode-list__close-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-gamecode-list .gamecode-list__close-button .mat-icon + span { margin-right: 2px; } app-gamecode-list .gamecode-list__close-button span:has(+ .mat-icon) { margin-left: 2px; } } app-gamecode-list .gamecode-list__close-button:hover, app-gamecode-list .gamecode-list__close-button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-gamecode-list .gamecode-list__close-button:hover .mat-icon, app-gamecode-list .gamecode-list__close-button.cdk-keyboard-focused .mat-icon { color: !important; } app-gamecode-list .gamecode-list__close-button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-gamecode-list .gamecode-list__close-button:active .mat-icon { color: !important; } app-gamecode-list .gamecode-list__close-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-gamecode-list .gamecode-list__close-button[disabled] .mat-icon { color: #989CA4 !important; } app-gamecode-list .gamecode-list__close-button[disabled] { border: none; } app-gamecode-list .gamecode-list__close-button span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-gamecode-list .gamecode-list__filters { min-height: unset; margin: unset !important; } app-gamecode-list .gamecode-list__help-message { display: flex; flex-direction: column; gap: 0.5rem; font-weight: 500; } app-gamecode-list .gamecode-list__help-message p { margin: unset; } app-gamecode-list .gamecode-list__cards { flex: 1; display: grid; grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr)); align-content: start; gap: 2.4rem; } @media screen and (min-width: 600px) { app-gamecode-list .gamecode-list__cards { grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr)); } } @media screen and (min-width: 960px) { app-gamecode-list .gamecode-list__cards { grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr)); } } @media screen and (min-width: 1280px) { app-gamecode-list .gamecode-list__cards { grid-template-columns: repeat(auto-fill, minmax(45rem, 1fr)); } } @media screen and (min-width: 1920px) { app-gamecode-list .gamecode-list__cards { grid-template-columns: repeat(auto-fill, minmax(50rem, 1fr)); } } app-gamecode-list .gamecode-list__cards .gamecode-list__add-button { display: grid; grid-template-rows: 1fr minmax(calc(50% - 2rem), auto); justify-items: center; max-width: 100%; min-height: 100%; aspect-ratio: 2; background-color: #ffed00; color: #000; border: unset; border-radius: 14px; transition: background-color 100ms ease-in-out, transform 100ms ease-in-out; } app-gamecode-list .gamecode-list__cards .gamecode-list__add-button:hover, app-gamecode-list .gamecode-list__cards .gamecode-list__add-button:active { background-color: #ffeb00; } app-gamecode-list .gamecode-list__cards .gamecode-list__add-button:active { transform: translateY(1px); } app-gamecode-list .gamecode-list__cards .gamecode-list__add-button mat-icon { align-self: end; width: auto; height: 4rem; aspect-ratio: 1; } app-gamecode-list .gamecode-list__cards .gamecode-list__add-button mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-gamecode-list .gamecode-list__cards .gamecode-list__add-button span { align-self: center; padding: 1.5rem; font-size: 2rem; font-weight: 700; } @media screen and (min-width: 600px) { app-gamecode-list .gamecode-list__cards .gamecode-list__add-button span { font-size: 2.2rem; } } app-gamecode-card { display: contents; } app-gamecode-card .mat-mdc-card { overflow: hidden; display: grid; grid-template-columns: 3fr 4fr; grid-template-rows: auto minmax(0, 1fr) auto; background-color: var(--faux-blanc); border: 1px solid var(--gris-de-contour); border-radius: 6px; box-shadow: 0 12px 40px -25px rgba(0, 0, 0, 0.5); } app-gamecode-card .mat-mdc-card .mat-mdc-card-header { grid-column: 1/span 2; grid-row: 1/span 1; display: flex; justify-content: space-between; align-items: center; gap: 1.2rem; padding: 1.2rem 2.1rem; background-color: var(--bj-gris-clair); color: #000; } app-gamecode-card .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title h3 { margin: unset; font-size: 2rem; font-weight: 700; line-height: 1.15; } app-gamecode-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) { --mat-icon-button-hover-state-layer-opacity: 0.1; --mdc-icon-button-state-layer-size: 3rem; padding: unset; } app-gamecode-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) .mat-icon { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit; } app-gamecode-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) .mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-gamecode-card .mat-mdc-card .mat-mdc-card-image { grid-column: 1/span 1; grid-row: 2/span 2; width: 100%; aspect-ratio: 1; object-fit: contain; } app-gamecode-card .mat-mdc-card .mat-mdc-card-content { grid-column: 2/span 1; grid-row: 2/span 1; position: absolute; overflow-y: auto; display: flex; flex-direction: column; justify-content: safe center; gap: 1.2rem; width: 100%; height: 100%; padding: 1.5rem; } app-gamecode-card .mat-mdc-card .mat-mdc-card-content dl { margin: unset; } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions { grid-column: 2/span 1; grid-row: 3/span 1; justify-content: flex-end; gap: 0.9rem; min-height: unset; padding: 0.9rem; } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions:empty { display: none; } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); flex: 0.5; justify-content: center; font-size: 1.4rem; } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button .mat-icon + span { margin-right: 2px; } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button span:has(+ .mat-icon) { margin-left: 2px; } } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button:hover, app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button:hover .mat-icon, app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button.cdk-keyboard-focused .mat-icon { color: !important; } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button:active .mat-icon { color: !important; } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button[disabled] .mat-icon { color: #989CA4 !important; } app-gamecode-card .mat-mdc-card .mat-mdc-card-actions button[disabled] { border: none; } app-gamecode-card .mat-mdc-card::after { content: none; } mat-dialog-container .mat-mdc-dialog-surface app-gamecode-data-editor-modal .mat-mdc-dialog-content { padding: 0; } mat-dialog-container .mat-mdc-dialog-surface app-gamecode-data-editor-modal .mat-mdc-dialog-content form { padding: 0 1rem 1rem 1rem; } mat-dialog-container .mat-mdc-dialog-surface app-gamecode-data-editor-modal .mat-mdc-dialog-content form mat-list-item mat-spinner { margin: 0; } mat-dialog-container .mat-mdc-dialog-surface app-gamecode-data-editor-modal .mat-mdc-dialog-content mat-spinner { margin: 25% auto; } mat-dialog-container .mat-mdc-dialog-surface app-gamecode-data-editor-modal .mat-mdc-dialog-content .form-content { padding: 0 20px; } app-mindmap-card { display: contents; } app-mindmap-card .mat-mdc-card { overflow: hidden; display: grid; grid-template-columns: 3fr 4fr; grid-template-rows: auto minmax(0, 1fr) auto; background-color: var(--faux-blanc); border: 1px solid var(--gris-de-contour); border-radius: 6px; box-shadow: 0 12px 40px -25px rgba(0, 0, 0, 0.5); } app-mindmap-card .mat-mdc-card .mat-mdc-card-header { grid-column: 1/span 2; grid-row: 1/span 1; display: flex; justify-content: space-between; align-items: center; gap: 1.2rem; padding: 1.2rem 2.1rem; background-color: var(--bj-gris-clair); color: #000; } app-mindmap-card .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title h3 { margin: unset; font-size: 2rem; font-weight: 700; line-height: 1.15; } app-mindmap-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) { --mat-icon-button-hover-state-layer-opacity: 0.1; --mdc-icon-button-state-layer-size: 3rem; padding: unset; } app-mindmap-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) .mat-icon { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit; } app-mindmap-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) .mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-mindmap-card .mat-mdc-card .mat-mdc-card-image { grid-column: 1/span 1; grid-row: 2/span 2; width: 100%; aspect-ratio: 1; object-fit: contain; } app-mindmap-card .mat-mdc-card .mat-mdc-card-content { grid-column: 2/span 1; grid-row: 2/span 1; position: absolute; overflow-y: auto; display: flex; flex-direction: column; justify-content: safe center; gap: 1.2rem; width: 100%; height: 100%; padding: 1.5rem; } app-mindmap-card .mat-mdc-card .mat-mdc-card-content dl { margin: unset; } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions { grid-column: 2/span 1; grid-row: 3/span 1; justify-content: flex-end; gap: 0.9rem; min-height: unset; padding: 0.9rem; } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions:empty { display: none; } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); flex: 0.5; justify-content: center; font-size: 1.4rem; } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button .mat-icon + span { margin-right: 2px; } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button span:has(+ .mat-icon) { margin-left: 2px; } } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button:hover, app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button:hover .mat-icon, app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button.cdk-keyboard-focused .mat-icon { color: !important; } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button:active .mat-icon { color: !important; } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button[disabled] .mat-icon { color: #989CA4 !important; } app-mindmap-card .mat-mdc-card .mat-mdc-card-actions button[disabled] { border: none; } app-mindmap-card .mat-mdc-card::after { content: none; } app-mindmap-data-editor-modal .mat-mdc-dialog-content mat-spinner { margin: 25% auto; } app-mindmap-content-editor mat-spinner { margin: 25% auto; } app-mindmap-content-editor .content-editor { height: 100%; display: flex; flex-direction: column; align-items: stretch; } app-mindmap-content-editor .content-editor .mindmap-header { display: flex; justify-content: space-between; gap: 15px; padding-block: 15px; padding-inline: 20px; font-size: 20px; } app-mindmap-content-editor .content-editor .mindmap-content { flex: 1 1 auto; height: 100%; } app-mindmap-content-editor .content-editor .mindmap-content iframe { height: 100%; border: 0; } app-mindmap-list { flex: 1; display: flex; flex-direction: column; gap: 3rem; padding: 1.5rem; background-color: var(--gris-de-fond); } @media screen and (min-width: 600px) { app-mindmap-list { padding: 1.5rem 2.4rem; } } app-mindmap-list .mindmap-list__close-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; align-self: flex-end; margin-bottom: -1.5rem; } app-mindmap-list .mindmap-list__close-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-mindmap-list .mindmap-list__close-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-mindmap-list .mindmap-list__close-button .mat-icon + span { margin-right: 2px; } app-mindmap-list .mindmap-list__close-button span:has(+ .mat-icon) { margin-left: 2px; } } app-mindmap-list .mindmap-list__close-button:hover, app-mindmap-list .mindmap-list__close-button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-mindmap-list .mindmap-list__close-button:hover .mat-icon, app-mindmap-list .mindmap-list__close-button.cdk-keyboard-focused .mat-icon { color: !important; } app-mindmap-list .mindmap-list__close-button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-mindmap-list .mindmap-list__close-button:active .mat-icon { color: !important; } app-mindmap-list .mindmap-list__close-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-mindmap-list .mindmap-list__close-button[disabled] .mat-icon { color: #989CA4 !important; } app-mindmap-list .mindmap-list__close-button[disabled] { border: none; } app-mindmap-list .mindmap-list__close-button span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-mindmap-list .mindmap-list__filters { min-height: unset; margin: unset !important; } app-mindmap-list .mindmap-list__help-message { display: flex; flex-direction: column; gap: 0.5rem; font-weight: 500; } app-mindmap-list .mindmap-list__help-message p { margin: unset; } app-mindmap-list .mindmap-list__cards { flex: 1; display: grid; grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr)); align-content: start; gap: 2.4rem; } @media screen and (min-width: 600px) { app-mindmap-list .mindmap-list__cards { grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr)); } } @media screen and (min-width: 960px) { app-mindmap-list .mindmap-list__cards { grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr)); } } @media screen and (min-width: 1280px) { app-mindmap-list .mindmap-list__cards { grid-template-columns: repeat(auto-fill, minmax(45rem, 1fr)); } } @media screen and (min-width: 1920px) { app-mindmap-list .mindmap-list__cards { grid-template-columns: repeat(auto-fill, minmax(50rem, 1fr)); } } app-mindmap-list .mindmap-list__cards .mindmap-list__add-button { display: grid; grid-template-rows: 1fr minmax(calc(50% - 2rem), auto); justify-items: center; max-width: 100%; min-height: 100%; aspect-ratio: 2; background-color: #ffed00; color: #000; border: unset; border-radius: 14px; transition: background-color 100ms ease-in-out, transform 100ms ease-in-out; } app-mindmap-list .mindmap-list__cards .mindmap-list__add-button:hover, app-mindmap-list .mindmap-list__cards .mindmap-list__add-button:active { background-color: #ffeb00; } app-mindmap-list .mindmap-list__cards .mindmap-list__add-button:active { transform: translateY(1px); } app-mindmap-list .mindmap-list__cards .mindmap-list__add-button mat-icon { align-self: end; width: auto; height: 4rem; aspect-ratio: 1; } app-mindmap-list .mindmap-list__cards .mindmap-list__add-button mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-mindmap-list .mindmap-list__cards .mindmap-list__add-button span { align-self: center; padding: 1.5rem; font-size: 2rem; font-weight: 700; } @media screen and (min-width: 600px) { app-mindmap-list .mindmap-list__cards .mindmap-list__add-button span { font-size: 2.2rem; } } app-notepad-card { display: contents; } app-notepad-card .mat-mdc-card { overflow: hidden; display: grid; grid-template-columns: 3fr 4fr; grid-template-rows: auto minmax(0, 1fr) auto; background-color: var(--faux-blanc); border: 1px solid var(--gris-de-contour); border-radius: 6px; box-shadow: 0 12px 40px -25px rgba(0, 0, 0, 0.5); } app-notepad-card .mat-mdc-card .mat-mdc-card-header { grid-column: 1/span 2; grid-row: 1/span 1; display: flex; justify-content: space-between; align-items: center; gap: 1.2rem; padding: 1.2rem 2.1rem; background-color: var(--bj-gris-clair); color: #000; } app-notepad-card .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title h3 { margin: unset; font-size: 2rem; font-weight: 700; line-height: 1.15; } app-notepad-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) { --mat-icon-button-hover-state-layer-opacity: 0.1; --mdc-icon-button-state-layer-size: 3rem; padding: unset; } app-notepad-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) .mat-icon { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit; } app-notepad-card .mat-mdc-card .mat-mdc-card-header button:is(.mat-mdc-icon-button) .mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-notepad-card .mat-mdc-card .mat-mdc-card-image { grid-column: 1/span 1; grid-row: 2/span 2; width: 100%; aspect-ratio: 1; object-fit: contain; } app-notepad-card .mat-mdc-card .mat-mdc-card-content { grid-column: 2/span 1; grid-row: 2/span 1; position: absolute; overflow-y: auto; display: flex; flex-direction: column; justify-content: safe center; gap: 1.2rem; width: 100%; height: 100%; padding: 1.5rem; } app-notepad-card .mat-mdc-card .mat-mdc-card-content dl { margin: unset; } app-notepad-card .mat-mdc-card .mat-mdc-card-actions { grid-column: 2/span 1; grid-row: 3/span 1; justify-content: flex-end; gap: 0.9rem; min-height: unset; padding: 0.9rem; } app-notepad-card .mat-mdc-card .mat-mdc-card-actions:empty { display: none; } app-notepad-card .mat-mdc-card .mat-mdc-card-actions button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); flex: 0.5; justify-content: center; font-size: 1.4rem; } app-notepad-card .mat-mdc-card .mat-mdc-card-actions button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-notepad-card .mat-mdc-card .mat-mdc-card-actions button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-notepad-card .mat-mdc-card .mat-mdc-card-actions button .mat-icon + span { margin-right: 2px; } app-notepad-card .mat-mdc-card .mat-mdc-card-actions button span:has(+ .mat-icon) { margin-left: 2px; } } app-notepad-card .mat-mdc-card .mat-mdc-card-actions button:hover, app-notepad-card .mat-mdc-card .mat-mdc-card-actions button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-notepad-card .mat-mdc-card .mat-mdc-card-actions button:hover .mat-icon, app-notepad-card .mat-mdc-card .mat-mdc-card-actions button.cdk-keyboard-focused .mat-icon { color: !important; } app-notepad-card .mat-mdc-card .mat-mdc-card-actions button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-notepad-card .mat-mdc-card .mat-mdc-card-actions button:active .mat-icon { color: !important; } app-notepad-card .mat-mdc-card .mat-mdc-card-actions button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-notepad-card .mat-mdc-card .mat-mdc-card-actions button[disabled] .mat-icon { color: #989CA4 !important; } app-notepad-card .mat-mdc-card .mat-mdc-card-actions button[disabled] { border: none; } app-notepad-card .mat-mdc-card::after { content: none; } app-notepad-data-editor-modal .mat-mdc-dialog-content mat-spinner { margin: 25% auto; } app-notepad-content-editor .page-layout .content > mat-spinner { margin: 25% auto; } app-notepad-content-editor .page-layout .content .content-editor { display: flex; flex-direction: column; align-items: stretch; height: calc(100vh - var(--mat-toolbar-standard-height)); min-height: min-content; } app-notepad-content-editor .page-layout .content .content-editor .notepad-header { flex: none; display: flex; justify-content: space-between; gap: 15px; padding-block: 15px; padding-inline: 20px; font-size: 20px; } app-notepad-content-editor .page-layout .content .content-editor .notepad-content { flex: 1; display: flex; flex-direction: column; min-height: 5rem; max-height: 50vh; padding: 0 2rem; } app-notepad-content-editor .page-layout .content .content-editor .notepad-content ckeditor, app-notepad-content-editor .page-layout .content .content-editor .notepad-content .ck-editor__main, app-notepad-content-editor .page-layout .content .content-editor .notepad-content .ck-reset, app-notepad-content-editor .page-layout .content .content-editor .notepad-content .ck-content { height: 100%; } app-notepad-content-editor .page-layout .content .content-editor .notepad-action { flex: none; display: flex; justify-content: center; align-items: center; gap: 2rem; padding: 3rem 2rem; } app-notepad-content-editor .page-layout .content .content-editor .notepad-action button { margin: unset; } app-notepad-content-editor .page-layout .content .content-editor .notepad-action button mat-spinner { margin: 0; } app-notepad-list { flex: 1; display: flex; flex-direction: column; gap: 3rem; padding: 1.5rem; background-color: var(--gris-de-fond); } @media screen and (min-width: 600px) { app-notepad-list { padding: 1.5rem 2.4rem; } } app-notepad-list .notepad-list__close-button { position: relative; display: flex; align-items: center; gap: 0.8rem; width: auto; min-width: unset; height: unset; min-height: unset; padding: 0.8rem 1.4rem; color: #000; background: linear-gradient(180deg, #ffed00 0%, #fff026 100%); border-radius: 8px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); transition: all 100ms ease-in-out; cursor: pointer; font-size: 1.6rem; font-weight: 700; line-height: 1.2; border: 1px solid rgba(0, 0, 0, 0.15); justify-content: center; height: auto; aspect-ratio: 1; padding: 5px; flex: none; align-self: flex-end; margin-bottom: -1.5rem; } app-notepad-list .notepad-list__close-button mat-icon.mat-icon { flex: none; width: 2.2rem; min-width: 20px; height: 2.2rem; min-height: unset; margin: unset; line-height: unset; color: #000 !important; } app-notepad-list .notepad-list__close-button mat-icon.mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; color: inherit !important; } @supports selector(:has(+ *)) { app-notepad-list .notepad-list__close-button .mat-icon + span { margin-right: 2px; } app-notepad-list .notepad-list__close-button span:has(+ .mat-icon) { margin-left: 2px; } } app-notepad-list .notepad-list__close-button:hover, app-notepad-list .notepad-list__close-button.cdk-keyboard-focused { background: linear-gradient(180deg, #ffed00 0%, #ffeb00 100%); } app-notepad-list .notepad-list__close-button:hover .mat-icon, app-notepad-list .notepad-list__close-button.cdk-keyboard-focused .mat-icon { color: !important; } app-notepad-list .notepad-list__close-button:active { background: linear-gradient(180deg, #ffeb00 0%, #ffe800 100%); box-shadow: none; transform: translateY(1px); } app-notepad-list .notepad-list__close-button:active .mat-icon { color: !important; } app-notepad-list .notepad-list__close-button[disabled] { color: #989CA4; background: #D1D6DF; box-shadow: none; pointer-events: none; } app-notepad-list .notepad-list__close-button[disabled] .mat-icon { color: #989CA4 !important; } app-notepad-list .notepad-list__close-button[disabled] { border: none; } app-notepad-list .notepad-list__close-button span:not(.mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple, .mat-mdc-button-touch-target, .mat-mdc-focus-indicator) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } app-notepad-list .notepad-list__filters { min-height: unset; margin: unset !important; } app-notepad-list .notepad-list__help-message { display: flex; flex-direction: column; gap: 0.5rem; font-weight: 500; } app-notepad-list .notepad-list__help-message p { margin: unset; } app-notepad-list .notepad-list__cards { flex: 1; display: grid; grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr)); align-content: start; gap: 2.4rem; } @media screen and (min-width: 600px) { app-notepad-list .notepad-list__cards { grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr)); } } @media screen and (min-width: 960px) { app-notepad-list .notepad-list__cards { grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr)); } } @media screen and (min-width: 1280px) { app-notepad-list .notepad-list__cards { grid-template-columns: repeat(auto-fill, minmax(45rem, 1fr)); } } @media screen and (min-width: 1920px) { app-notepad-list .notepad-list__cards { grid-template-columns: repeat(auto-fill, minmax(50rem, 1fr)); } } app-notepad-list .notepad-list__cards .notepad-list__add-button { display: grid; grid-template-rows: 1fr minmax(calc(50% - 2rem), auto); justify-items: center; max-width: 100%; min-height: 100%; aspect-ratio: 2; background-color: #ffed00; color: #000; border: unset; border-radius: 14px; transition: background-color 100ms ease-in-out, transform 100ms ease-in-out; } app-notepad-list .notepad-list__cards .notepad-list__add-button:hover, app-notepad-list .notepad-list__cards .notepad-list__add-button:active { background-color: #ffeb00; } app-notepad-list .notepad-list__cards .notepad-list__add-button:active { transform: translateY(1px); } app-notepad-list .notepad-list__cards .notepad-list__add-button mat-icon { align-self: end; width: auto; height: 4rem; aspect-ratio: 1; } app-notepad-list .notepad-list__cards .notepad-list__add-button mat-icon svg { width: 100%; min-width: unset; height: 100%; min-height: unset; } app-notepad-list .notepad-list__cards .notepad-list__add-button span { align-self: center; padding: 1.5rem; font-size: 2rem; font-weight: 700; } @media screen and (min-width: 600px) { app-notepad-list .notepad-list__cards .notepad-list__add-button span { font-size: 2.2rem; } } fuse-corpus-file-list button.mat-mdc-icon-button { color: var(--bje-rouge); } fuse-corpus-file-list button.mat-mdc-icon-button .mat-icon { color: var(--bje-rouge); } fuse-corpus-file-list button.flag.active .mat-icon path { color: var(--bje-rouge) !important; fill: var(--bje-rouge) !important; } fuse-corpus-file-list table tr td:first-child mat-icon, fuse-corpus-file-list table tr.mat-mdc-row.selected td:first-child mat-icon { color: #000 !important; } /* fallback */ /* Use local font instead of googlefonts due to GAR restrictions */ @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url("/assets/cycle-1-tne-canope/fonts/material-icons.woff2") format("woff2"); font-display: swap; } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .ckeditor-main-container { width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; } .ckeditor-main-container .ck-content { line-height: 1.6; word-break: break-word; } .ckeditor-main-container .editor-container_classic-editor .editor-container__editor { min-width: 795px; max-width: 795px; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./projects/cycle-1-tne-canope/src/styles.scss?ngGlobalStyle ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ /*# sourceMappingURL=styles.css.map*/