/* Dependencies -warn- : Prototype is not available */ /* Chosen v1.5.1 | (c) 2011-2016 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ .chosen-container{margin-top:10px;position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url("../../includes/components/./chosen/chosen-sprite.png") -42px 1px no-repeat;font-size:1px} .chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px} .chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px} .chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%} .chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url("../../includes/components/./chosen/chosen-sprite.png") no-repeat 0 2px} .chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap} .chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url("../../includes/components/./chosen/chosen-sprite.png") no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0} .chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box} .chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px} .chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch} .chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none} .chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer} .chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default} .chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff} .chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4} .chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default} .chosen-container .chosen-results li.group-option{padding-left:15px} .chosen-container .chosen-results li em{font-style:normal;text-decoration:underline} .chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text} .chosen-container-multi .chosen-choices li{float:left;list-style:none} .chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap} .chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0} .chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default} .chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word} .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url("../../includes/components/./chosen/chosen-sprite.png") -42px 1px no-repeat;font-size:1px} .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px} .chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666} .chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4} .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px} .chosen-container-multi .chosen-results{margin:0;padding:0} .chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default} .chosen-container-active .chosen-single{border:1px solid #5897fb;} .chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset} .chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent} .chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px} .chosen-container-active .chosen-choices{border:1px solid #5897fb;} .chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important} .chosen-disabled{opacity:.5!important;cursor:default} .chosen-disabled .chosen-single{cursor:default} .chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default} .chosen-rtl{text-align:right} .chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0} .chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl} .chosen-rtl .chosen-single-with-deselect span{margin-left:38px} .chosen-rtl .chosen-single div{right:auto;left:3px} .chosen-rtl .chosen-single abbr{right:auto;left:26px} .chosen-rtl .chosen-choices li{float:right} .chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl} .chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px} .chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px} .chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px} .chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0} .chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0} .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0} .chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url("../../includes/components/./chosen/chosen-sprite.png") no-repeat -30px -20px;direction:rtl} .chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px} .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url("../../includes/components/./chosen/chosen-sprite@2x.png")!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} /* Dependencies -warn- : M4Tween is not available */ .slider-container .slider {display: flex;width: 100%;gap: 5%;} .slider-container .slider > div {width: 20%} .slider-container-desktop {position: relative; overflow: hidden; width: 100%; margin: auto;} .slider-container-desktop .slider { display: flex; transition: transform 0.3s ease-in-out; overflow: hidden} .slider-container-desktop .slider-header button {position: relative;width: 40px;height: 40px;border: 1px solid #CECED4;border-radius: 50%;background-color: transparent;cursor: pointer;padding: 0;box-sizing: border-box;transition: background-color .3s ease-in-out;} .slider-container-desktop .slider-header button span {width: 18px;display: inline-block;height: 17px;background-color: #707070;mask-repeat: no-repeat;} .slider-container-desktop .slider-header button:hover {background-color: #F1F1F3;} .slider-container-desktop .slider-header .slider-next span {mask-image: url("../../includes/components/./formations/slider/arrow-right.svg");} .slider-container-desktop .slider-header .slider-prev span {mask-image: url("../../includes/components/./formations/slider/arrow-left.svg");} @media screen and (max-width: 1024px) { .slider-container-desktop .slider-header {display: none} .slider-container {position: relative; overflow: hidden; width: 100%; margin: auto;} .slider-container .slider { display: flex; transition: transform 0.3s ease-in-out; overflow: auto} .slider-container .slider > div {height: 100%; min-width: 300px;margin-right: 2rem;margin-left: 19px; margin-bottom: 1rem} .slider-container .dots { display: flex; justify-content: center; margin: 1rem; } .slider-container .dots .dot { width: 10px; height: 10px; margin: 5px; background: #E9EAED; border-radius: 50%; cursor: pointer; } .slider-container .dots .dot.active {background: #CECED4;} } @media screen and (max-width: 950px) { .slider-container .slider > div {margin-right: 0;margin-left: 0;} .slider-container .dots {margin:0.5rem} } @media screen and (max-width: 550px) { .slider-container .slider > div {min-width: 350px;margin-right: 3rem;} } @media screen and (max-width: 450px) { .slider-container .slider > div {min-width: 300px;margin-right: 1.5rem;} } @media screen and (max-width: 375px) { .slider-container .slider > div {min-width: 300px;margin-right: 0.5rem;} } @media (max-width: 1920px) { .slider-container .slider{gap: 2%;} } @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900); /*TODO déplacer avant mep dans styles FRONT*/ :root { --img-clear-home: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4zODEzIDEuODgxNjlDMTAuMTU0MSAxLjcwMjIgOS44MzM0IDEuNzAyMiA5LjYwNjI1IDEuODgxNjlMMC42MjUgOC44ODc5NEwxLjQgOS44NzU0NEwyLjUgOS4wMTI5NEwyLjUgMTYuNzUwNEMyLjUgMTcuNDQwOCAzLjA1OTY0IDE4LjAwMDQgMy43NSAxOC4wMDA0TDE2LjI1IDE4LjAwMDRDMTYuOTQwNCAxOC4wMDA0IDE3LjUgMTcuNDQwOCAxNy41IDE2Ljc1MDRWOS4wMTkxOUwxOC42IDkuODc1NDRMMTkuMzc1IDguODk0MTlMMTAuMzgxMyAxLjg4MTY5Wk0xMS4yNSAxNi43NTA0SDguNzVMOC43NSAxMS43NTA0SDExLjI1TDExLjI1IDE2Ljc1MDRaTTEyLjUgMTYuNzUwNEwxMi41IDExLjc1MDRDMTIuNSAxMS4wNjAxIDExLjk0MDQgMTAuNTAwNCAxMS4yNSAxMC41MDA0SDguNzVDOC4wNTk2NCAxMC41MDA0IDcuNSAxMS4wNjAxIDcuNSAxMS43NTA0TDcuNSAxNi43NTA0SDMuNzVMMy43NSA4LjAzNzk0TDEwIDMuMTY5MTlMMTYuMjUgOC4wNDQxOUwxNi4yNSAxNi43NTA0SDEyLjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); --img-dark-home: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4zODEzIDEuODgxNjlDMTAuMTU0MSAxLjcwMjIgOS44MzM0IDEuNzAyMiA5LjYwNjI1IDEuODgxNjlMMC42MjUgOC44ODc5NEwxLjQgOS44NzU0NEwyLjUgOS4wMTI5NEwyLjUgMTYuNzUwNEMyLjUgMTcuNDQwOCAzLjA1OTY0IDE4LjAwMDQgMy43NSAxOC4wMDA0TDE2LjI1IDE4LjAwMDRDMTYuOTQwNCAxOC4wMDA0IDE3LjUgMTcuNDQwOCAxNy41IDE2Ljc1MDRWOS4wMTkxOUwxOC42IDkuODc1NDRMMTkuMzc1IDguODk0MTlMMTAuMzgxMyAxLjg4MTY5Wk0xMS4yNSAxNi43NTA0SDguNzVMOC43NSAxMS43NTA0SDExLjI1TDExLjI1IDE2Ljc1MDRaTTEyLjUgMTYuNzUwNEwxMi41IDExLjc1MDRDMTIuNSAxMS4wNjAxIDExLjk0MDQgMTAuNTAwNCAxMS4yNSAxMC41MDA0SDguNzVDOC4wNTk2NCAxMC41MDA0IDcuNSAxMS4wNjAxIDcuNSAxMS43NTA0TDcuNSAxNi43NTA0SDMuNzVMMy43NSA4LjAzNzk0TDEwIDMuMTY5MTlMMTYuMjUgOC4wNDQxOUwxNi4yNSAxNi43NTA0SDEyLjVaIiBmaWxsPSIjMzEzNjNDIi8+Cjwvc3ZnPgo="); --img-dark-chevron: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSI+DQogICAgPHBhdGggZD0iTTE1LjEyNTEgMTFMOC4yNTAxIDE3Ljg3NUw3LjI4NzYgMTYuOTEyNUwxMy4yMDAxIDExTDcuMjg3NiA1LjA4NzVMOC4yNTAxIDQuMTI1TDE1LjEyNTEgMTFaIiBmaWxsPSIjMzEzNjNDIi8+DQo8L3N2Zz4="); --img-clear-chevron: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSI+DQogICAgPHBhdGggZD0iTTE1LjEyNTEgMTFMOC4yNTAxIDE3Ljg3NUw3LjI4NzYgMTYuOTEyNUwxMy4yMDAxIDExTDcuMjg3NiA1LjA4NzVMOC4yNTAxIDQuMTI1TDE1LjEyNTEgMTFaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+"); --img-original-text: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkRvY3VtZW50Ij4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUpIiBmaWxsPSJub25lIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiLz4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik0yNi4yIDkuM0wxOS4yIDIuM0MxOSAyLjEgMTguOCAyIDE4LjUgMkg4LjVDNy40IDIgNi41IDIuOSA2LjUgNFYyOEM2LjUgMjkuMSA3LjQgMzAgOC41IDMwSDI0LjVDMjUuNiAzMCAyNi41IDI5LjEgMjYuNSAyOFYxMEMyNi41IDkuNyAyNi40IDkuNSAyNi4yIDkuM1pNMTguNSA0LjRMMjQuMSAxMEgxOC41VjQuNFpNMjQuNSAyOEg4LjVWNEgxNi41VjEwQzE2LjUgMTEuMSAxNy40IDEyIDE4LjUgMTJIMjQuNVYyOFoiIGZpbGw9IiM1RjYxNjQiLz4KPHBhdGggZD0iTTIyLjUgMjJIMTAuNVYyNEgyMi41VjIyWiIgZmlsbD0iIzVGNjE2NCIvPgo8cGF0aCBkPSJNMjIuNSAxNkgxMC41VjE4SDIyLjVWMTZaIiBmaWxsPSIjNUY2MTY0Ii8+CjwvZz4KPC9nPgo8L3N2Zz4K"); --img-active-text: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkRvY3VtZW50Ij4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUpIiBmaWxsPSJub25lIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiLz4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik0yNi4yIDkuM0wxOS4yIDIuM0MxOSAyLjEgMTguOCAyIDE4LjUgMkg4LjVDNy40IDIgNi41IDIuOSA2LjUgNFYyOEM2LjUgMjkuMSA3LjQgMzAgOC41IDMwSDI0LjVDMjUuNiAzMCAyNi41IDI5LjEgMjYuNSAyOFYxMEMyNi41IDkuNyAyNi40IDkuNSAyNi4yIDkuM1pNMTguNSA0LjRMMjQuMSAxMEgxOC41VjQuNFpNMjQuNSAyOEg4LjVWNEgxNi41VjEwQzE2LjUgMTEuMSAxNy40IDEyIDE4LjUgMTJIMjQuNVYyOFoiIGZpbGw9IiM5RTEwMkEiLz4KPHBhdGggZD0iTTIyLjUgMjJIMTAuNVYyNEgyMi41VjIyWiIgZmlsbD0iIzlFMTAyQSIvPgo8cGF0aCBkPSJNMjIuNSAxNkgxMC41VjE4SDIyLjVWMTZaIiBmaWxsPSIjOUUxMDJBIi8+CjwvZz4KPC9nPgo8L3N2Zz4K"); --img-original-info: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImluZm9ybWF0aW9uIDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMjAyXzMyNDApIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE3LjUgMjJWMTRIMTMuNVYxNkgxNS41VjIySDEyLjVWMjRIMjAuNVYyMkgxNy41WiIgZmlsbD0iIzVGNjE2NCIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0xNi41IDhDMTYuMjAzMyA4IDE1LjkxMzMgOC4wODc5NyAxNS42NjY2IDguMjUyOEMxNS40MiA4LjQxNzYyIDE1LjIyNzcgOC42NTE4OSAxNS4xMTQyIDguOTI1OTdDMTUuMDAwNiA5LjIwMDA2IDE0Ljk3MDkgOS41MDE2NiAxNS4wMjg4IDkuNzkyNjRDMTUuMDg2NyAxMC4wODM2IDE1LjIyOTYgMTAuMzUwOSAxNS40MzkzIDEwLjU2MDdDMTUuNjQ5MSAxMC43NzA0IDE1LjkxNjQgMTAuOTEzMyAxNi4yMDc0IDEwLjk3MTJDMTYuNDk4MyAxMS4wMjkxIDE2Ljc5OTkgMTAuOTk5NCAxNy4wNzQgMTAuODg1OEMxNy4zNDgxIDEwLjc3MjMgMTcuNTgyNCAxMC41OCAxNy43NDcyIDEwLjMzMzRDMTcuOTEyIDEwLjA4NjcgMTggOS43OTY2NyAxOCA5LjVDMTggOS4xMDIxOCAxNy44NDIgOC43MjA2NCAxNy41NjA3IDguNDM5MzRDMTcuMjc5NCA4LjE1ODA0IDE2Ljg5NzggOCAxNi41IDhaIiBmaWxsPSIjNUY2MTY0Ii8+CjxwYXRoIGlkPSJWZWN0b3JfMyIgZD0iTTE2LjUgMzBDMTMuNzMxMSAzMCAxMS4wMjQzIDI5LjE3ODkgOC43MjIwMiAyNy42NDA2QzYuNDE5NzMgMjYuMTAyMiA0LjYyNTMyIDIzLjkxNTcgMy41NjU2OSAyMS4zNTc2QzIuNTA2MDcgMTguNzk5NCAyLjIyODgyIDE1Ljk4NDUgMi43NjkwMSAxMy4yNjg3QzMuMzA5MjEgMTAuNTUzIDQuNjQyNTggOC4wNTg0NSA2LjYwMDUxIDYuMTAwNTFDOC41NTg0NSA0LjE0MjU4IDExLjA1MyAyLjgwOTIxIDEzLjc2ODcgMi4yNjkwMUMxNi40ODQ1IDEuNzI4ODIgMTkuMjk5NCAyLjAwNjA3IDIxLjg1NzYgMy4wNjU2OUMyNC40MTU3IDQuMTI1MzIgMjYuNjAyMiA1LjkxOTczIDI4LjE0MDYgOC4yMjIwMkMyOS42Nzg5IDEwLjUyNDMgMzAuNSAxMy4yMzExIDMwLjUgMTZDMzAuNSAxOS43MTMgMjkuMDI1IDIzLjI3NCAyNi4zOTk1IDI1Ljg5OTVDMjMuNzc0IDI4LjUyNSAyMC4yMTMgMzAgMTYuNSAzMFpNMTYuNSA0LjAwMDAxQzE0LjEyNjYgNC4wMDAwMSAxMS44MDY2IDQuNzAzNzkgOS44MzMxNiA2LjAyMjM3QzcuODU5NzcgNy4zNDA5NSA2LjMyMTcgOS4yMTUwOSA1LjQxMzQ1IDExLjQwNzhDNC41MDUyIDEzLjYwMDUgNC4yNjc1NiAxNi4wMTMzIDQuNzMwNTggMTguMzQxMUM1LjE5MzYxIDIwLjY2ODkgNi4zMzY0OSAyMi44MDcxIDguMDE0NzIgMjQuNDg1M0M5LjY5Mjk2IDI2LjE2MzUgMTEuODMxMiAyNy4zMDY0IDE0LjE1ODkgMjcuNzY5NEMxNi40ODY3IDI4LjIzMjUgMTguODk5NSAyNy45OTQ4IDIxLjA5MjIgMjcuMDg2NkMyMy4yODQ5IDI2LjE3ODMgMjUuMTU5MSAyNC42NDAyIDI2LjQ3NzYgMjIuNjY2OEMyNy43OTYyIDIwLjY5MzUgMjguNSAxOC4zNzM0IDI4LjUgMTZDMjguNSAxMi44MTc0IDI3LjIzNTcgOS43NjUxNiAyNC45ODUzIDcuNTE0NzJDMjIuNzM0OCA1LjI2NDI5IDE5LjY4MjYgNC4wMDAwMSAxNi41IDQuMDAwMDFaIiBmaWxsPSIjNUY2MTY0Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjIwMl8zMjQwIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="); --img-active-info: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImluZm9ybWF0aW9uIDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMjAyXzMyNDApIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE3LjUgMjJWMTRIMTMuNVYxNkgxNS41VjIySDEyLjVWMjRIMjAuNVYyMkgxNy41WiIgZmlsbD0iIzlFMTAyQSIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0xNi41IDhDMTYuMjAzMyA4IDE1LjkxMzMgOC4wODc5NyAxNS42NjY2IDguMjUyOEMxNS40MiA4LjQxNzYyIDE1LjIyNzcgOC42NTE4OSAxNS4xMTQyIDguOTI1OTdDMTUuMDAwNiA5LjIwMDA2IDE0Ljk3MDkgOS41MDE2NiAxNS4wMjg4IDkuNzkyNjRDMTUuMDg2NyAxMC4wODM2IDE1LjIyOTYgMTAuMzUwOSAxNS40MzkzIDEwLjU2MDdDMTUuNjQ5MSAxMC43NzA0IDE1LjkxNjQgMTAuOTEzMyAxNi4yMDc0IDEwLjk3MTJDMTYuNDk4MyAxMS4wMjkxIDE2Ljc5OTkgMTAuOTk5NCAxNy4wNzQgMTAuODg1OEMxNy4zNDgxIDEwLjc3MjMgMTcuNTgyNCAxMC41OCAxNy43NDcyIDEwLjMzMzRDMTcuOTEyIDEwLjA4NjcgMTggOS43OTY2NyAxOCA5LjVDMTggOS4xMDIxOCAxNy44NDIgOC43MjA2NCAxNy41NjA3IDguNDM5MzRDMTcuMjc5NCA4LjE1ODA0IDE2Ljg5NzggOCAxNi41IDhaIiBmaWxsPSIjOUUxMDJBIi8+CjxwYXRoIGlkPSJWZWN0b3JfMyIgZD0iTTE2LjUgMzBDMTMuNzMxMSAzMCAxMS4wMjQzIDI5LjE3ODkgOC43MjIwMiAyNy42NDA2QzYuNDE5NzMgMjYuMTAyMiA0LjYyNTMyIDIzLjkxNTcgMy41NjU2OSAyMS4zNTc2QzIuNTA2MDcgMTguNzk5NCAyLjIyODgyIDE1Ljk4NDUgMi43NjkwMSAxMy4yNjg3QzMuMzA5MjEgMTAuNTUzIDQuNjQyNTggOC4wNTg0NSA2LjYwMDUxIDYuMTAwNTFDOC41NTg0NSA0LjE0MjU4IDExLjA1MyAyLjgwOTIxIDEzLjc2ODcgMi4yNjkwMUMxNi40ODQ1IDEuNzI4ODIgMTkuMjk5NCAyLjAwNjA3IDIxLjg1NzYgMy4wNjU2OUMyNC40MTU3IDQuMTI1MzIgMjYuNjAyMiA1LjkxOTczIDI4LjE0MDYgOC4yMjIwMkMyOS42Nzg5IDEwLjUyNDMgMzAuNSAxMy4yMzExIDMwLjUgMTZDMzAuNSAxOS43MTMgMjkuMDI1IDIzLjI3NCAyNi4zOTk1IDI1Ljg5OTVDMjMuNzc0IDI4LjUyNSAyMC4yMTMgMzAgMTYuNSAzMFpNMTYuNSA0LjAwMDAxQzE0LjEyNjYgNC4wMDAwMSAxMS44MDY2IDQuNzAzNzkgOS44MzMxNiA2LjAyMjM3QzcuODU5NzcgNy4zNDA5NSA2LjMyMTcgOS4yMTUwOSA1LjQxMzQ1IDExLjQwNzhDNC41MDUyIDEzLjYwMDUgNC4yNjc1NiAxNi4wMTMzIDQuNzMwNTggMTguMzQxMUM1LjE5MzYxIDIwLjY2ODkgNi4zMzY0OSAyMi44MDcxIDguMDE0NzIgMjQuNDg1M0M5LjY5Mjk2IDI2LjE2MzUgMTEuODMxMiAyNy4zMDY0IDE0LjE1ODkgMjcuNzY5NEMxNi40ODY3IDI4LjIzMjUgMTguODk5NSAyNy45OTQ4IDIxLjA5MjIgMjcuMDg2NkMyMy4yODQ5IDI2LjE3ODMgMjUuMTU5MSAyNC42NDAyIDI2LjQ3NzYgMjIuNjY2OEMyNy43OTYyIDIwLjY5MzUgMjguNSAxOC4zNzM0IDI4LjUgMTZDMjguNSAxMi44MTc0IDI3LjIzNTcgOS43NjUxNiAyNC45ODUzIDcuNTE0NzJDMjIuNzM0OCA1LjI2NDI5IDE5LjY4MjYgNC4wMDAwMSAxNi41IDQuMDAwMDFaIiBmaWxsPSIjOUUxMDJBIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjIwMl8zMjQwIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="); --img-original-video: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBsYXktLW91dGxpbmUiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIvPgo8ZyBpZD0iVmVjdG9yIj4KPHBhdGggZD0iTTUuNSAxMS41QzUuMzY3MzkgMTEuNSA1LjI0MDIyIDExLjQ0NzMgNS4xNDY0NSAxMS4zNTM2QzUuMDUyNjggMTEuMjU5OCA1IDExLjEzMjYgNSAxMVY1QzQuOTk5OTkgNC45MTQ3NiA1LjAyMTc3IDQuODMwOTQgNS4wNjMyOCA0Ljc1NjQ5QzUuMTA0NzggNC42ODIwNCA1LjE2NDYzIDQuNjE5NDMgNS4yMzcxMyA0LjU3NDYyQzUuMzA5NjQgNC41Mjk4MSA1LjM5MjQgNC41MDQyNyA1LjQ3NzU1IDQuNTAwNDVDNS41NjI3IDQuNDk2NjIgNS42NDc0MiA0LjUxNDYyIDUuNzIzNjUgNC41NTI3NUwxMS43MjM3IDcuNTUyNzVDMTEuODA2NyA3LjU5NDI3IDExLjg3NjYgNy42NTgxIDExLjkyNTQgNy43MzcxQzExLjk3NDMgNy44MTYxIDEyLjAwMDEgNy45MDcxMyAxMi4wMDAxIDhDMTIuMDAwMSA4LjA5Mjg3IDExLjk3NDMgOC4xODM5IDExLjkyNTQgOC4yNjI5QzExLjg3NjYgOC4zNDE5IDExLjgwNjcgOC40MDU3MyAxMS43MjM3IDguNDQ3MjVMNS43MjM2NSAxMS40NDczQzUuNjU0MiAxMS40ODE5IDUuNTc3NjQgMTEuNSA1LjUgMTEuNVpNNiA1LjgwODk1VjEwLjE5MUwxMC4zODIxIDhMNiA1LjgwODk1WiIgZmlsbD0iIzVGNjE2NCIvPgo8cGF0aCBkPSJNOCAyQzkuMTg2NjkgMiAxMC4zNDY3IDIuMzUxODkgMTEuMzMzNCAzLjAxMTE4QzEyLjMyMDEgMy42NzA0NyAxMy4wODkyIDQuNjA3NTQgMTMuNTQzMyA1LjcwMzlDMTMuOTk3NCA2LjgwMDI2IDE0LjExNjIgOC4wMDY2NiAxMy44ODQ3IDkuMTcwNTRDMTMuNjUzMiAxMC4zMzQ0IDEzLjA4MTggMTEuNDAzNSAxMi4yNDI2IDEyLjI0MjZDMTEuNDAzNSAxMy4wODE4IDEwLjMzNDQgMTMuNjUzMiA5LjE3MDU0IDEzLjg4NDdDOC4wMDY2NiAxNC4xMTYyIDYuODAwMjYgMTMuOTk3NCA1LjcwMzkgMTMuNTQzM0M0LjYwNzU1IDEzLjA4OTIgMy42NzA0NyAxMi4zMjAxIDMuMDExMTkgMTEuMzMzNEMyLjM1MTkgMTAuMzQ2NyAyIDkuMTg2NjkgMiA4QzIgNi40MDg3IDIuNjMyMTQgNC44ODI1OCAzLjc1NzM2IDMuNzU3MzZDNC44ODI1OCAyLjYzMjE0IDYuNDA4NyAyIDggMlpNOCAxQzYuNjE1NTMgMSA1LjI2MjE2IDEuNDEwNTQgNC4xMTEwMSAyLjE3OTcxQzIuOTU5ODcgMi45NDg4OCAyLjA2MjY2IDQuMDQyMTMgMS41MzI4NSA1LjMyMTIyQzEuMDAzMDMgNi42MDAzIDAuODY0NDEgOC4wMDc3NiAxLjEzNDUxIDkuMzY1NjNDMS40MDQ2IDEwLjcyMzUgMi4wNzEyOSAxMS45NzA4IDMuMDUwMjYgMTIuOTQ5N0M0LjAyOTIyIDEzLjkyODcgNS4yNzY1IDE0LjU5NTQgNi42MzQzNyAxNC44NjU1QzcuOTkyMjQgMTUuMTM1NiA5LjM5OTcgMTQuOTk3IDEwLjY3ODggMTQuNDY3MkMxMS45NTc5IDEzLjkzNzMgMTMuMDUxMSAxMy4wNDAxIDEzLjgyMDMgMTEuODg5QzE0LjU4OTUgMTAuNzM3OCAxNSA5LjM4NDQ3IDE1IDhDMTUgNi4xNDM0OCAxNC4yNjI1IDQuMzYzMDEgMTIuOTQ5NyAzLjA1MDI1QzExLjYzNyAxLjczNzUgOS44NTY1MiAxIDggMVoiIGZpbGw9IiM1RjYxNjQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo="); --img-active-video: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBsYXktLW91dGxpbmUiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIvPgo8ZyBpZD0iVmVjdG9yIj4KPHBhdGggZD0iTTUuNSAxMS41QzUuMzY3MzkgMTEuNSA1LjI0MDIyIDExLjQ0NzMgNS4xNDY0NSAxMS4zNTM2QzUuMDUyNjggMTEuMjU5OCA1IDExLjEzMjYgNSAxMVY1QzQuOTk5OTkgNC45MTQ3NiA1LjAyMTc3IDQuODMwOTQgNS4wNjMyOCA0Ljc1NjQ5QzUuMTA0NzggNC42ODIwNCA1LjE2NDYzIDQuNjE5NDMgNS4yMzcxMyA0LjU3NDYyQzUuMzA5NjQgNC41Mjk4MSA1LjM5MjQgNC41MDQyNyA1LjQ3NzU1IDQuNTAwNDVDNS41NjI3IDQuNDk2NjIgNS42NDc0MiA0LjUxNDYyIDUuNzIzNjUgNC41NTI3NUwxMS43MjM3IDcuNTUyNzVDMTEuODA2NyA3LjU5NDI3IDExLjg3NjYgNy42NTgxIDExLjkyNTQgNy43MzcxQzExLjk3NDMgNy44MTYxIDEyLjAwMDEgNy45MDcxMyAxMi4wMDAxIDhDMTIuMDAwMSA4LjA5Mjg3IDExLjk3NDMgOC4xODM5IDExLjkyNTQgOC4yNjI5QzExLjg3NjYgOC4zNDE5IDExLjgwNjcgOC40MDU3MyAxMS43MjM3IDguNDQ3MjVMNS43MjM2NSAxMS40NDczQzUuNjU0MiAxMS40ODE5IDUuNTc3NjQgMTEuNSA1LjUgMTEuNVpNNiA1LjgwODk1VjEwLjE5MUwxMC4zODIxIDhMNiA1LjgwODk1WiIgZmlsbD0iIzlFMTAyQSIvPgo8cGF0aCBkPSJNOCAyQzkuMTg2NjkgMiAxMC4zNDY3IDIuMzUxODkgMTEuMzMzNCAzLjAxMTE4QzEyLjMyMDEgMy42NzA0NyAxMy4wODkyIDQuNjA3NTQgMTMuNTQzMyA1LjcwMzlDMTMuOTk3NCA2LjgwMDI2IDE0LjExNjIgOC4wMDY2NiAxMy44ODQ3IDkuMTcwNTRDMTMuNjUzMiAxMC4zMzQ0IDEzLjA4MTggMTEuNDAzNSAxMi4yNDI2IDEyLjI0MjZDMTEuNDAzNSAxMy4wODE4IDEwLjMzNDQgMTMuNjUzMiA5LjE3MDU0IDEzLjg4NDdDOC4wMDY2NiAxNC4xMTYyIDYuODAwMjYgMTMuOTk3NCA1LjcwMzkgMTMuNTQzM0M0LjYwNzU1IDEzLjA4OTIgMy42NzA0NyAxMi4zMjAxIDMuMDExMTkgMTEuMzMzNEMyLjM1MTkgMTAuMzQ2NyAyIDkuMTg2NjkgMiA4QzIgNi40MDg3IDIuNjMyMTQgNC44ODI1OCAzLjc1NzM2IDMuNzU3MzZDNC44ODI1OCAyLjYzMjE0IDYuNDA4NyAyIDggMlpNOCAxQzYuNjE1NTMgMSA1LjI2MjE2IDEuNDEwNTQgNC4xMTEwMSAyLjE3OTcxQzIuOTU5ODcgMi45NDg4OCAyLjA2MjY2IDQuMDQyMTMgMS41MzI4NSA1LjMyMTIyQzEuMDAzMDMgNi42MDAzIDAuODY0NDEgOC4wMDc3NiAxLjEzNDUxIDkuMzY1NjNDMS40MDQ2IDEwLjcyMzUgMi4wNzEyOSAxMS45NzA4IDMuMDUwMjYgMTIuOTQ5N0M0LjAyOTIyIDEzLjkyODcgNS4yNzY1IDE0LjU5NTQgNi42MzQzNyAxNC44NjU1QzcuOTkyMjQgMTUuMTM1NiA5LjM5OTcgMTQuOTk3IDEwLjY3ODggMTQuNDY3MkMxMS45NTc5IDEzLjkzNzMgMTMuMDUxMSAxMy4wNDAxIDEzLjgyMDMgMTEuODg5QzE0LjU4OTUgMTAuNzM3OCAxNSA5LjM4NDQ3IDE1IDhDMTUgNi4xNDM0OCAxNC4yNjI1IDQuMzYzMDEgMTIuOTQ5NyAzLjA1MDI1QzExLjYzNyAxLjczNzUgOS44NTY1MiAxIDggMVoiIGZpbGw9IiM5RTEwMkEiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo="); --img-original-podcast: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkhlYWRwaG9uZXMiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIvPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTIuNSA4VjcuNUMxMi41IDYuMzA2NTMgMTIuMDI1OSA1LjE2MTkzIDExLjE4MiA0LjMxODAyQzEwLjMzODEgMy40NzQxMSA5LjE5MzQ3IDMgOCAzQzYuODA2NTMgMyA1LjY2MTkzIDMuNDc0MTEgNC44MTgwMiA0LjMxODAyQzMuOTc0MTEgNS4xNjE5MyAzLjUgNi4zMDY1MyAzLjUgNy41VjhDMi44MzY5NiA4IDIuMjAxMDcgOC4yNjMzOSAxLjczMjIzIDguNzMyMjNDMS4yNjMzOSA5LjIwMTA3IDEgOS44MzY5NiAxIDEwLjVDMSAxMS4xNjMgMS4yNjMzOSAxMS43OTg5IDEuNzMyMjMgMTIuMjY3OEMyLjIwMTA3IDEyLjczNjYgMi44MzY5NiAxMyAzLjUgMTNINC41VjcuNUM0LjUgNi41NzE3NCA0Ljg2ODc1IDUuNjgxNSA1LjUyNTEzIDUuMDI1MTNDNi4xODE1IDQuMzY4NzUgNy4wNzE3NCA0IDggNEM4LjkyODI2IDQgOS44MTg1IDQuMzY4NzUgMTAuNDc0OSA1LjAyNTEzQzExLjEzMTMgNS42ODE1IDExLjUgNi41NzE3NCAxMS41IDcuNVYxM0gxMi41QzEzLjE2MyAxMyAxMy43OTg5IDEyLjczNjYgMTQuMjY3OCAxMi4yNjc4QzE0LjczNjYgMTEuNzk4OSAxNSAxMS4xNjMgMTUgMTAuNUMxNSA5LjgzNjk2IDE0LjczNjYgOS4yMDEwNyAxNC4yNjc4IDguNzMyMjNDMTMuNzk4OSA4LjI2MzM5IDEzLjE2MyA4IDEyLjUgOFpNMiAxMC41QzIgMTAuMTAyMiAyLjE1ODA0IDkuNzIwNjQgMi40MzkzNCA5LjQzOTM0QzIuNzIwNjQgOS4xNTgwNCAzLjEwMjE4IDkgMy41IDlWMTJDMy4xMDIxOCAxMiAyLjcyMDY0IDExLjg0MiAyLjQzOTM0IDExLjU2MDdDMi4xNTgwNCAxMS4yNzk0IDIgMTAuODk3OCAyIDEwLjVaTTEyLjUgMTJWOUMxMi44OTc4IDkgMTMuMjc5NCA5LjE1ODA0IDEzLjU2MDcgOS40MzkzNEMxMy44NDIgOS43MjA2NCAxNCAxMC4xMDIyIDE0IDEwLjVDMTQgMTAuODk3OCAxMy44NDIgMTEuMjc5NCAxMy41NjA3IDExLjU2MDdDMTMuMjc5NCAxMS44NDIgMTIuODk3OCAxMiAxMi41IDEyWiIgZmlsbD0iIzVGNjE2NCIvPgo8L2c+Cjwvc3ZnPgo="); --img-active-podcast: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkhlYWRwaG9uZXMiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIvPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTIuNSA4VjcuNUMxMi41IDYuMzA2NTMgMTIuMDI1OSA1LjE2MTkzIDExLjE4MiA0LjMxODAyQzEwLjMzODEgMy40NzQxMSA5LjE5MzQ3IDMgOCAzQzYuODA2NTMgMyA1LjY2MTkzIDMuNDc0MTEgNC44MTgwMiA0LjMxODAyQzMuOTc0MTEgNS4xNjE5MyAzLjUgNi4zMDY1MyAzLjUgNy41VjhDMi44MzY5NiA4IDIuMjAxMDcgOC4yNjMzOSAxLjczMjIzIDguNzMyMjNDMS4yNjMzOSA5LjIwMTA3IDEgOS44MzY5NiAxIDEwLjVDMSAxMS4xNjMgMS4yNjMzOSAxMS43OTg5IDEuNzMyMjMgMTIuMjY3OEMyLjIwMTA3IDEyLjczNjYgMi44MzY5NiAxMyAzLjUgMTNINC41VjcuNUM0LjUgNi41NzE3NCA0Ljg2ODc1IDUuNjgxNSA1LjUyNTEzIDUuMDI1MTNDNi4xODE1IDQuMzY4NzUgNy4wNzE3NCA0IDggNEM4LjkyODI2IDQgOS44MTg1IDQuMzY4NzUgMTAuNDc0OSA1LjAyNTEzQzExLjEzMTMgNS42ODE1IDExLjUgNi41NzE3NCAxMS41IDcuNVYxM0gxMi41QzEzLjE2MyAxMyAxMy43OTg5IDEyLjczNjYgMTQuMjY3OCAxMi4yNjc4QzE0LjczNjYgMTEuNzk4OSAxNSAxMS4xNjMgMTUgMTAuNUMxNSA5LjgzNjk2IDE0LjczNjYgOS4yMDEwNyAxNC4yNjc4IDguNzMyMjNDMTMuNzk4OSA4LjI2MzM5IDEzLjE2MyA4IDEyLjUgOFpNMiAxMC41QzIgMTAuMTAyMiAyLjE1ODA0IDkuNzIwNjQgMi40MzkzNCA5LjQzOTM0QzIuNzIwNjQgOS4xNTgwNCAzLjEwMjE4IDkgMy41IDlWMTJDMy4xMDIxOCAxMiAyLjcyMDY0IDExLjg0MiAyLjQzOTM0IDExLjU2MDdDMi4xNTgwNCAxMS4yNzk0IDIgMTAuODk3OCAyIDEwLjVaTTEyLjUgMTJWOUMxMi44OTc4IDkgMTMuMjc5NCA5LjE1ODA0IDEzLjU2MDcgOS40MzkzNEMxMy44NDIgOS43MjA2NCAxNCAxMC4xMDIyIDE0IDEwLjVDMTQgMTAuODk3OCAxMy44NDIgMTEuMjc5NCAxMy41NjA3IDExLjU2MDdDMTMuMjc5NCAxMS44NDIgMTIuODk3OCAxMiAxMi41IDEyWiIgZmlsbD0iIzlFMTAyQSIvPgo8L2c+Cjwvc3ZnPgo="); --img-original-game: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkdhbWUtLWNvbnNvbGUiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIvPgo8ZyBpZD0iVmVjdG9yIj4KPHBhdGggZD0iTTMuNzU1MDEgMTIuOTk5N0MzLjUxMTg1IDEzLjAwMDEgMy4yNjk3MyAxMi45NjgxIDMuMDM1MDEgMTIuOTA0N0MyLjMzMDQ2IDEyLjcwMzcgMS43MzI3MiAxMi4yMzQ3IDEuMzcwMDQgMTEuNTk4MUMxLjAwNzM1IDEwLjk2MTUgMC45MDg2MTUgMTAuMjA4MiAxLjA5NTAxIDkuNDk5NjVMMi4yNjAwMSA1LjA3OTY1QzIuMzUwNzMgNC43MjE5NCAyLjUxMjAzIDQuMzg1OTYgMi43MzQ0MSA0LjA5MTQ1QzIuOTU2OCAzLjc5Njk0IDMuMjM1NzkgMy41NDk4NCAzLjU1NTAxIDMuMzY0NjVDMy44NjU4MiAzLjE4NDYzIDQuMjA5MjcgMy4wNjgwNyA0LjU2NTQ1IDMuMDIxNzJDNC45MjE2MyAyLjk3NTM3IDUuMjgzNDcgMy4wMDAxNiA1LjYzMDAxIDMuMDk0NjVDNS45OTgzOCAzLjE5Njk1IDYuMzQxNDggMy4zNzQ2NiA2LjYzNzU2IDMuNjE2NTJDNi45MzM2NCAzLjg1ODM3IDcuMTc2MjUgNC4xNTkxMSA3LjM1MDAxIDQuNDk5NjVIOC42NUM4LjgyMyA0LjE1ODU2IDkuMDY1MzcgMy44NTczOSA5LjM2MTU3IDMuNjE1NDRDOS42NTc3NiAzLjM3MzQ5IDEwLjAwMTIgMy4xOTYxIDEwLjM3IDMuMDk0NjVDMTAuNzE2NSAzLjAwMDE2IDExLjA3ODQgMi45NzUzNyAxMS40MzQ2IDMuMDIxNzJDMTEuNzkwNyAzLjA2ODA3IDEyLjEzNDIgMy4xODQ2MyAxMi40NDUgMy4zNjQ2NUMxMi43NjI3IDMuNTQ5MzYgMTMuMDQwNiAzLjc5NTExIDEzLjI2MjkgNC4wODc3NEMxMy40ODUyIDQuMzgwMzYgMTMuNjQ3MyA0LjcxNDA4IDEzLjc0IDUuMDY5NjVMMTQuOTA1IDkuNDk5NjVDMTUuMDk0MiAxMC4yMTAyIDE0Ljk5NjIgMTAuOTY2NyAxNC42MzIzIDExLjYwNTdDMTQuMjY4NCAxMi4yNDQ3IDEzLjY2NzcgMTIuNzE0OSAxMi45NiAxMi45MTQ3QzEyLjYxMzUgMTMuMDA5MSAxMi4yNTE2IDEzLjAzMzkgMTEuODk1NCAxMi45ODc2QzExLjUzOTMgMTIuOTQxMiAxMS4xOTU4IDEyLjgyNDcgMTAuODg1IDEyLjY0NDdDMTAuNTY2OCAxMi40NjA2IDEwLjI4ODQgMTIuMjE1MSAxMC4wNjYxIDExLjkyMjNDOS44NDM3OCAxMS42Mjk2IDkuNjgxOTMgMTEuMjk1NiA5LjU5IDEwLjkzOTdMOS41IDEwLjQ5OTdINi41MDAwMUw2LjM4NTAxIDEwLjkyOTdDNi4yOTMwOCAxMS4yODU2IDYuMTMxMjMgMTEuNjE5NiA1LjkwODkgMTEuOTEyM0M1LjY4NjU2IDEyLjIwNTEgNS40MDgxOSAxMi40NTA2IDUuMDkwMDEgMTIuNjM0N0M0LjY4Mzc0IDEyLjg2OSA0LjIyMzk3IDEyLjk5NDcgMy43NTUwMSAxMi45OTk3Wk00LjkxNTAxIDMuOTk5NjVDNC42MTMyNyA0LjAwMDY4IDQuMzE2OTcgNC4wNzk5MiA0LjA1NTAxIDQuMjI5NjVDMy42NDQ0MyA0LjQ3MDU0IDMuMzQ2IDQuODY0MjYgMy4yMjUwMSA1LjMyNDY1TDIuMDYwMDEgOS43NDQ2NUMxLjkzODEgMTAuMiAxLjk5OTcgMTAuNjg1IDIuMjMxNTYgMTEuMDk1NUMyLjQ2MzQzIDExLjUwNTkgMi44NDcwNiAxMS44MDkgMy4zMDAwMSAxMS45Mzk3QzMuNTE4NzYgMTEuOTk5MyAzLjc0NzE3IDEyLjAxNSAzLjk3MjAzIDExLjk4NThDNC4xOTY4OSAxMS45NTY3IDQuNDEzNzMgMTEuODgzMiA0LjYxMDAxIDExLjc2OTdDNC44MTQzNiAxMS42NTE3IDQuOTkzMDYgMTEuNDk0IDUuMTM1NTkgMTEuMzA2QzUuMjc4MTMgMTEuMTE3OSA1LjM4MTYzIDEwLjkwMzMgNS40NDAwMSAxMC42NzQ3TDUuNzUwMDEgOS40OTk2NUgxMC4yNUwxMC41NTUgMTAuNjc0N0MxMC42MTQ0IDEwLjkwMjggMTAuNzE4MyAxMS4xMTcxIDEwLjg2MDggMTEuMzA1QzExLjAwMzIgMTEuNDkyOSAxMS4xODE0IDExLjY1MDggMTEuMzg1IDExLjc2OTdDMTEuNTgyMiAxMS44ODMxIDExLjc5OTkgMTEuOTU2NSAxMi4wMjU2IDExLjk4NTZDMTIuMjUxMiAxMi4wMTQ4IDEyLjQ4MDQgMTEuOTk5MiAxMi43IDExLjkzOTdDMTMuMTUzNSAxMS44MTAyIDEzLjUzNzYgMTEuNTA3MSAxMy43Njg4IDExLjA5NjFDMTQuMDAwMSAxMC42ODUxIDE0LjA1OTggMTAuMTk5NCAxMy45MzUgOS43NDQ2NUwxMi43NyA1LjMyNDY1QzEyLjcxMiA1LjA5NjU1IDEyLjYwOTEgNC44ODIyNyAxMi40Njc1IDQuNjk0MjlDMTIuMzI1OSA0LjUwNjMgMTIuMTQ4MyA0LjM0ODM2IDExLjk0NSA0LjIyOTY1QzExLjc0NzggNC4xMTYyNCAxMS41MzAxIDQuMDQyODQgMTEuMzA0NCA0LjAxMzY3QzExLjA3ODggMy45ODQ1IDEwLjg0OTYgNC4wMDAxMyAxMC42MyA0LjA1OTY1QzEwLjM1ODQgNC4xMzcwNyAxMC4xMDkyIDQuMjc4MTYgOS45MDMxNCA0LjQ3MTIyQzkuNjk3MDUgNC42NjQyNyA5LjUzOTk4IDQuOTAzNzEgOS40NDUgNS4xNjk2NUw5LjMyNSA1LjQ5OTY1SDYuNjc1MDFMNi41NTUwMSA1LjE2OTY1QzYuNDU5MTggNC45MDMzNiA2LjMwMTI0IDQuNjYzNzUgNi4wOTQyOCA0LjQ3MDdDNS44ODczMiA0LjI3NzY2IDUuNjM3MzIgNC4xMzY3NSA1LjM2NTAxIDQuMDU5NjVDNS4yMTgyNyA0LjAyMDA5IDUuMDY2OTggMy45OTk5MiA0LjkxNTAxIDMuOTk5NjVaIiBmaWxsPSIjNUY2MTY0Ii8+CjxwYXRoIGQ9Ik01LjAwMDAxIDcuOTk5NjVDNC44MDIyMiA3Ljk5OTY1IDQuNjA4ODggNy45NDEwMSA0LjQ0NDQ0IDcuODMxMTJDNC4yNzk5OSA3LjcyMTI0IDQuMTUxODEgNy41NjUwNiA0LjA3NjEzIDcuMzgyMzRDNC4wMDA0NCA3LjE5OTYxIDMuOTgwNjMgNi45OTg1NCA0LjAxOTIyIDYuODA0NTZDNC4wNTc4MSA2LjYxMDU4IDQuMTUzMDUgNi40MzI0IDQuMjkyOSA2LjI5MjU1QzQuNDMyNzUgNi4xNTI2OSA0LjYxMDkzIDYuMDU3NDUgNC44MDQ5MSA2LjAxODg3QzQuOTk4OSA1Ljk4MDI4IDUuMTk5OTYgNi4wMDAwOSA1LjM4MjY5IDYuMDc1NzdDNS41NjU0MSA2LjE1MTQ2IDUuNzIxNTkgNi4yNzk2MyA1LjgzMTQ3IDYuNDQ0MDhDNS45NDEzNiA2LjYwODUzIDYuMDAwMDEgNi44MDE4NyA2LjAwMDAxIDYuOTk5NjVDNi4wMDAwMSA3LjI2NDg3IDUuODk0NjUgNy41MTkyMiA1LjcwNzExIDcuNzA2NzZDNS41MTk1OCA3Ljg5NDMgNS4yNjUyMiA3Ljk5OTY1IDUuMDAwMDEgNy45OTk2NVoiIGZpbGw9IiM1RjYxNjQiLz4KPHBhdGggZD0iTTExIDYuNDk5NjVDMTEuMjc2MSA2LjQ5OTY1IDExLjUgNi4yNzU4IDExLjUgNS45OTk2NUMxMS41IDUuNzIzNTEgMTEuMjc2MSA1LjQ5OTY1IDExIDUuNDk5NjVDMTAuNzIzOSA1LjQ5OTY1IDEwLjUgNS43MjM1MSAxMC41IDUuOTk5NjVDMTAuNSA2LjI3NTggMTAuNzIzOSA2LjQ5OTY1IDExIDYuNDk5NjVaIiBmaWxsPSIjNUY2MTY0Ii8+CjxwYXRoIGQ9Ik0xMSA4LjQ5OTY1QzExLjI3NjEgOC40OTk2NSAxMS41IDguMjc1OCAxMS41IDcuOTk5NjVDMTEuNSA3LjcyMzUxIDExLjI3NjEgNy40OTk2NSAxMSA3LjQ5OTY1QzEwLjcyMzkgNy40OTk2NSAxMC41IDcuNzIzNTEgMTAuNSA3Ljk5OTY1QzEwLjUgOC4yNzU4IDEwLjcyMzkgOC40OTk2NSAxMSA4LjQ5OTY1WiIgZmlsbD0iIzVGNjE2NCIvPgo8cGF0aCBkPSJNMTAgNy40OTk2NUMxMC4yNzYxIDcuNDk5NjUgMTAuNSA3LjI3NTggMTAuNSA2Ljk5OTY1QzEwLjUgNi43MjM1MSAxMC4yNzYxIDYuNDk5NjUgMTAgNi40OTk2NUM5LjcyMzg2IDYuNDk5NjUgOS41IDYuNzIzNTEgOS41IDYuOTk5NjVDOS41IDcuMjc1OCA5LjcyMzg2IDcuNDk5NjUgMTAgNy40OTk2NVoiIGZpbGw9IiM1RjYxNjQiLz4KPHBhdGggZD0iTTEyIDcuNDk5NjVDMTIuMjc2MSA3LjQ5OTY1IDEyLjUgNy4yNzU4IDEyLjUgNi45OTk2NUMxMi41IDYuNzIzNTEgMTIuMjc2MSA2LjQ5OTY1IDEyIDYuNDk5NjVDMTEuNzIzOSA2LjQ5OTY1IDExLjUgNi43MjM1MSAxMS41IDYuOTk5NjVDMTEuNSA3LjI3NTggMTEuNzIzOSA3LjQ5OTY1IDEyIDcuNDk5NjVaIiBmaWxsPSIjNUY2MTY0Ii8+CjwvZz4KPC9nPgo8L3N2Zz4K"); --img-active-game: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkdhbWUtLWNvbnNvbGUiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIvPgo8ZyBpZD0iVmVjdG9yIj4KPHBhdGggZD0iTTMuNzU1MDEgMTIuOTk5N0MzLjUxMTg1IDEzLjAwMDEgMy4yNjk3MyAxMi45NjgxIDMuMDM1MDEgMTIuOTA0N0MyLjMzMDQ2IDEyLjcwMzcgMS43MzI3MiAxMi4yMzQ3IDEuMzcwMDQgMTEuNTk4MUMxLjAwNzM1IDEwLjk2MTUgMC45MDg2MTUgMTAuMjA4MiAxLjA5NTAxIDkuNDk5NjVMMi4yNjAwMSA1LjA3OTY1QzIuMzUwNzMgNC43MjE5NCAyLjUxMjAzIDQuMzg1OTYgMi43MzQ0MSA0LjA5MTQ1QzIuOTU2OCAzLjc5Njk0IDMuMjM1NzkgMy41NDk4NCAzLjU1NTAxIDMuMzY0NjVDMy44NjU4MiAzLjE4NDYzIDQuMjA5MjcgMy4wNjgwNyA0LjU2NTQ1IDMuMDIxNzJDNC45MjE2MyAyLjk3NTM3IDUuMjgzNDcgMy4wMDAxNiA1LjYzMDAxIDMuMDk0NjVDNS45OTgzOCAzLjE5Njk1IDYuMzQxNDggMy4zNzQ2NiA2LjYzNzU2IDMuNjE2NTJDNi45MzM2NCAzLjg1ODM3IDcuMTc2MjUgNC4xNTkxMSA3LjM1MDAxIDQuNDk5NjVIOC42NUM4LjgyMyA0LjE1ODU2IDkuMDY1MzcgMy44NTczOSA5LjM2MTU3IDMuNjE1NDRDOS42NTc3NiAzLjM3MzQ5IDEwLjAwMTIgMy4xOTYxIDEwLjM3IDMuMDk0NjVDMTAuNzE2NSAzLjAwMDE2IDExLjA3ODQgMi45NzUzNyAxMS40MzQ2IDMuMDIxNzJDMTEuNzkwNyAzLjA2ODA3IDEyLjEzNDIgMy4xODQ2MyAxMi40NDUgMy4zNjQ2NUMxMi43NjI3IDMuNTQ5MzYgMTMuMDQwNiAzLjc5NTExIDEzLjI2MjkgNC4wODc3NEMxMy40ODUyIDQuMzgwMzYgMTMuNjQ3MyA0LjcxNDA4IDEzLjc0IDUuMDY5NjVMMTQuOTA1IDkuNDk5NjVDMTUuMDk0MiAxMC4yMTAyIDE0Ljk5NjIgMTAuOTY2NyAxNC42MzIzIDExLjYwNTdDMTQuMjY4NCAxMi4yNDQ3IDEzLjY2NzcgMTIuNzE0OSAxMi45NiAxMi45MTQ3QzEyLjYxMzUgMTMuMDA5MSAxMi4yNTE2IDEzLjAzMzkgMTEuODk1NCAxMi45ODc2QzExLjUzOTMgMTIuOTQxMiAxMS4xOTU4IDEyLjgyNDcgMTAuODg1IDEyLjY0NDdDMTAuNTY2OCAxMi40NjA2IDEwLjI4ODQgMTIuMjE1MSAxMC4wNjYxIDExLjkyMjNDOS44NDM3OCAxMS42Mjk2IDkuNjgxOTMgMTEuMjk1NiA5LjU5IDEwLjkzOTdMOS41IDEwLjQ5OTdINi41MDAwMUw2LjM4NTAxIDEwLjkyOTdDNi4yOTMwOCAxMS4yODU2IDYuMTMxMjMgMTEuNjE5NiA1LjkwODkgMTEuOTEyM0M1LjY4NjU2IDEyLjIwNTEgNS40MDgxOSAxMi40NTA2IDUuMDkwMDEgMTIuNjM0N0M0LjY4Mzc0IDEyLjg2OSA0LjIyMzk3IDEyLjk5NDcgMy43NTUwMSAxMi45OTk3Wk00LjkxNTAxIDMuOTk5NjVDNC42MTMyNyA0LjAwMDY4IDQuMzE2OTcgNC4wNzk5MiA0LjA1NTAxIDQuMjI5NjVDMy42NDQ0MyA0LjQ3MDU0IDMuMzQ2IDQuODY0MjYgMy4yMjUwMSA1LjMyNDY1TDIuMDYwMDEgOS43NDQ2NUMxLjkzODEgMTAuMiAxLjk5OTcgMTAuNjg1IDIuMjMxNTYgMTEuMDk1NUMyLjQ2MzQzIDExLjUwNTkgMi44NDcwNiAxMS44MDkgMy4zMDAwMSAxMS45Mzk3QzMuNTE4NzYgMTEuOTk5MyAzLjc0NzE3IDEyLjAxNSAzLjk3MjAzIDExLjk4NThDNC4xOTY4OSAxMS45NTY3IDQuNDEzNzMgMTEuODgzMiA0LjYxMDAxIDExLjc2OTdDNC44MTQzNiAxMS42NTE3IDQuOTkzMDYgMTEuNDk0IDUuMTM1NTkgMTEuMzA2QzUuMjc4MTMgMTEuMTE3OSA1LjM4MTYzIDEwLjkwMzMgNS40NDAwMSAxMC42NzQ3TDUuNzUwMDEgOS40OTk2NUgxMC4yNUwxMC41NTUgMTAuNjc0N0MxMC42MTQ0IDEwLjkwMjggMTAuNzE4MyAxMS4xMTcxIDEwLjg2MDggMTEuMzA1QzExLjAwMzIgMTEuNDkyOSAxMS4xODE0IDExLjY1MDggMTEuMzg1IDExLjc2OTdDMTEuNTgyMiAxMS44ODMxIDExLjc5OTkgMTEuOTU2NSAxMi4wMjU2IDExLjk4NTZDMTIuMjUxMiAxMi4wMTQ4IDEyLjQ4MDQgMTEuOTk5MiAxMi43IDExLjkzOTdDMTMuMTUzNSAxMS44MTAyIDEzLjUzNzYgMTEuNTA3MSAxMy43Njg4IDExLjA5NjFDMTQuMDAwMSAxMC42ODUxIDE0LjA1OTggMTAuMTk5NCAxMy45MzUgOS43NDQ2NUwxMi43NyA1LjMyNDY1QzEyLjcxMiA1LjA5NjU1IDEyLjYwOTEgNC44ODIyNyAxMi40Njc1IDQuNjk0MjlDMTIuMzI1OSA0LjUwNjMgMTIuMTQ4MyA0LjM0ODM2IDExLjk0NSA0LjIyOTY1QzExLjc0NzggNC4xMTYyNCAxMS41MzAxIDQuMDQyODQgMTEuMzA0NCA0LjAxMzY3QzExLjA3ODggMy45ODQ1IDEwLjg0OTYgNC4wMDAxMyAxMC42MyA0LjA1OTY1QzEwLjM1ODQgNC4xMzcwNyAxMC4xMDkyIDQuMjc4MTYgOS45MDMxNCA0LjQ3MTIyQzkuNjk3MDUgNC42NjQyNyA5LjUzOTk4IDQuOTAzNzEgOS40NDUgNS4xNjk2NUw5LjMyNSA1LjQ5OTY1SDYuNjc1MDFMNi41NTUwMSA1LjE2OTY1QzYuNDU5MTggNC45MDMzNiA2LjMwMTI0IDQuNjYzNzUgNi4wOTQyOCA0LjQ3MDdDNS44ODczMiA0LjI3NzY2IDUuNjM3MzIgNC4xMzY3NSA1LjM2NTAxIDQuMDU5NjVDNS4yMTgyNyA0LjAyMDA5IDUuMDY2OTggMy45OTk5MiA0LjkxNTAxIDMuOTk5NjVaIiBmaWxsPSIjOUUxMDJBIi8+CjxwYXRoIGQ9Ik01LjAwMDAxIDcuOTk5NjVDNC44MDIyMiA3Ljk5OTY1IDQuNjA4ODggNy45NDEwMSA0LjQ0NDQ0IDcuODMxMTJDNC4yNzk5OSA3LjcyMTI0IDQuMTUxODEgNy41NjUwNiA0LjA3NjEzIDcuMzgyMzRDNC4wMDA0NCA3LjE5OTYxIDMuOTgwNjMgNi45OTg1NCA0LjAxOTIyIDYuODA0NTZDNC4wNTc4MSA2LjYxMDU4IDQuMTUzMDUgNi40MzI0IDQuMjkyOSA2LjI5MjU1QzQuNDMyNzUgNi4xNTI2OSA0LjYxMDkzIDYuMDU3NDUgNC44MDQ5MSA2LjAxODg3QzQuOTk4OSA1Ljk4MDI4IDUuMTk5OTYgNi4wMDAwOSA1LjM4MjY5IDYuMDc1NzdDNS41NjU0MSA2LjE1MTQ2IDUuNzIxNTkgNi4yNzk2MyA1LjgzMTQ3IDYuNDQ0MDhDNS45NDEzNiA2LjYwODUzIDYuMDAwMDEgNi44MDE4NyA2LjAwMDAxIDYuOTk5NjVDNi4wMDAwMSA3LjI2NDg3IDUuODk0NjUgNy41MTkyMiA1LjcwNzExIDcuNzA2NzZDNS41MTk1OCA3Ljg5NDMgNS4yNjUyMiA3Ljk5OTY1IDUuMDAwMDEgNy45OTk2NVoiIGZpbGw9IiM5RTEwMkEiLz4KPHBhdGggZD0iTTExIDYuNDk5NjVDMTEuMjc2MSA2LjQ5OTY1IDExLjUgNi4yNzU4IDExLjUgNS45OTk2NUMxMS41IDUuNzIzNTEgMTEuMjc2MSA1LjQ5OTY1IDExIDUuNDk5NjVDMTAuNzIzOSA1LjQ5OTY1IDEwLjUgNS43MjM1MSAxMC41IDUuOTk5NjVDMTAuNSA2LjI3NTggMTAuNzIzOSA2LjQ5OTY1IDExIDYuNDk5NjVaIiBmaWxsPSIjOUUxMDJBIi8+CjxwYXRoIGQ9Ik0xMSA4LjQ5OTY1QzExLjI3NjEgOC40OTk2NSAxMS41IDguMjc1OCAxMS41IDcuOTk5NjVDMTEuNSA3LjcyMzUxIDExLjI3NjEgNy40OTk2NSAxMSA3LjQ5OTY1QzEwLjcyMzkgNy40OTk2NSAxMC41IDcuNzIzNTEgMTAuNSA3Ljk5OTY1QzEwLjUgOC4yNzU4IDEwLjcyMzkgOC40OTk2NSAxMSA4LjQ5OTY1WiIgZmlsbD0iIzlFMTAyQSIvPgo8cGF0aCBkPSJNMTAgNy40OTk2NUMxMC4yNzYxIDcuNDk5NjUgMTAuNSA3LjI3NTggMTAuNSA2Ljk5OTY1QzEwLjUgNi43MjM1MSAxMC4yNzYxIDYuNDk5NjUgMTAgNi40OTk2NUM5LjcyMzg2IDYuNDk5NjUgOS41IDYuNzIzNTEgOS41IDYuOTk5NjVDOS41IDcuMjc1OCA5LjcyMzg2IDcuNDk5NjUgMTAgNy40OTk2NVoiIGZpbGw9IiM5RTEwMkEiLz4KPHBhdGggZD0iTTEyIDcuNDk5NjVDMTIuMjc2MSA3LjQ5OTY1IDEyLjUgNy4yNzU4IDEyLjUgNi45OTk2NUMxMi41IDYuNzIzNTEgMTIuMjc2MSA2LjQ5OTY1IDEyIDYuNDk5NjVDMTEuNzIzOSA2LjQ5OTY1IDExLjUgNi43MjM1MSAxMS41IDYuOTk5NjVDMTEuNSA3LjI3NTggMTEuNzIzOSA3LjQ5OTY1IDEyIDcuNDk5NjVaIiBmaWxsPSIjOUUxMDJBIi8+CjwvZz4KPC9nPgo8L3N2Zz4K"); --img-start-course: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNlYXJjaCAvIDI1Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjU4ODQ3IDAuNzA2OTA5KSIgZmlsbD0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ii8+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik00LjA4ODQ3IDE0LjcwNjhDMy45NTU4NiAxNC43MDY4IDMuODI4NjkgMTQuNjU0MSAzLjczNDkyIDE0LjU2MDRDMy42NDExNSAxNC40NjY2IDMuNTg4NDcgMTQuMzM5NCAzLjU4ODQ3IDE0LjIwNjhWMy4yMDY4MkMzLjU4ODQ2IDMuMTE5OTMgMy42MTExIDMuMDM0NTQgMy42NTQxNSAyLjk1OTA2QzMuNjk3MiAyLjg4MzU5IDMuNzU5MTggMi44MjA2MyAzLjgzMzk3IDIuNzc2NEMzLjkwODc2IDIuNzMyMTggMy45OTM3OSAyLjcwODIgNC4wODA2NyAyLjcwNjg1QzQuMTY3NTUgMi43MDU0OSA0LjI1MzI4IDIuNzI2OCA0LjMyOTQyIDIuNzY4NjdMMTQuMzI5NCA4LjI2ODY3QzE0LjQwNzkgOC4zMTE4MiAxNC40NzMzIDguMzc1MjQgMTQuNTE4OSA4LjQ1MjNDMTQuNTY0NSA4LjUyOTM3IDE0LjU4ODUgOC42MTcyNiAxNC41ODg1IDguNzA2OEMxNC41ODg1IDguNzk2MzMgMTQuNTY0NSA4Ljg4NDIzIDE0LjUxODkgOC45NjEzQzE0LjQ3MzMgOS4wMzgzNiAxNC40MDc5IDkuMTAxNzggMTQuMzI5NCA5LjE0NDkyTDQuMzI5NDIgMTQuNjQ0OUM0LjI1NTYgMTQuNjg1NSA0LjE3MjcyIDE0LjcwNjggNC4wODg0NyAxNC43MDY4Wk00LjU4ODQ3IDQuMDUyMjdWMTMuMzYxMkwxMy4wNTA5IDguNzA2ODJMNC41ODg0NyA0LjA1MjI3WiIgZmlsbD0iI0NDMDAzMyIvPgo8L2c+Cjwvc3ZnPgo=); --line-light: #F7F7F8; } /* --- */ html{ ul li{list-style: none;} } h2, p{margin: 0;} .course-card{display: flex; background-color: #fff;transition: background-color 0.8s} .card .course-card:hover{cursor: pointer; background-color: #fffafb} .card .course-card:hover .button-tertiary{color:#9E102A;} .course-card .image{background-repeat: no-repeat; background-position: center;} .course-card h2, .course-card p{color: var(--light-text-main);} .course-card h2 {font-size: 1.2em;color: #31363C; font-family: Inter, serif;} .course-card p{font-size: 0.875em; font-family: Inter, serif;} .course-card p.sub-title{font-weight: 700} .course-card p.sub-title[data-name="support_text"].empty{font-weight: 400;font-style: italic;color: grey;} .course-card .cover{min-width:19rem;background-image: url("../../includes/components/./formations/styles/../imgs/front/placeholder-cover.png"); background-size: cover;} .course-card .course-details{flex-grow: 1; padding: 1em 1.5em} .course-card .course-details .details h1{width: fit-content;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-size: 1.5rem; font-family: Inter, sans-serif; font-weight: 600} .course-card .course-details .details > *:not(:last-child) {margin-bottom: 8px;} .course-card .course-details .details .sub-title-container{width: 100%; display: flex;align-items:center;} .course-card .course-details .details .sub-title span{font-weight: 600; color: var(--accent-main);} .course-card .course-details .details .course-infos{display: flex; align-items: center; gap: 1ch; color: #73777D; flex-wrap: wrap} .course-card .course-details .details .course-infos .stars{width: 0.875em; height: 0.875em; background-image: url("../../includes/components/./formations/styles/../imgs/front/star-sharp.svg");background-size: contain;} .course-card .course-details .details .course-infos .calendar{width: 0.875em; height: 0.875em; background-image: url("../../includes/components/./formations/styles/../imgs/front/calendar.svg");background-size: contain; display: none;} .course-card .course-details .details .description{display: flex; width: 100%; align-items: center; gap: 5em;justify-content: space-between} .course-card .course-details .details.home .description{gap:1em;} .course-card .course-details .details .description .sub-title{font-weight: unset; color: #73777D} .course-card .course-details .details .logo{min-width: 3.625em; height: 2.625em; background-image: url("../../includes/components/./formations/styles/../imgs/front/placeholder-cover.png"); background-size: contain;} .course-card .extras {display: flex; justify-content: space-between;} .course-card .extras .keywords{display: flex; align-items: center; gap: 1ch; color: var(--light-brand-main);} .course-card .extras .keywords .keyword{font-size: 0.68em; cursor: pointer;padding: 0.5em; border: 1px solid var(--line-medium);text-transform: capitalize;} .course-card .extras .keywords .keyword p, .course-card .extras .keywords .keyword a{color: var(--light-brand-main); font-size: 10px;} .course-card .extras .actions{display: flex; align-items: center; gap:1em} .course-card .extras .actions .share-icon{background-image: var(--icon-share)} .course-card .extras .actions .start-icon{-webkit-mask-image: var(--img-start-course);mask-image: var(--img-start-course);display: inline-block;width: 17px;height: 18px; background-color: #CC0033} .course-card .extras .actions .share-icon{-webkit-mask-image: var(--icon-share);mask-image: var(--icon-share);display: inline-block;width: 17px;height: 18px;} .course-card .extras .action {display: flex;justify-content:space-between;gap: 1rem;align-items: center;} .course-card .extras.home .actions .add-bookmark-button-favorite span {margin: 0.2rem 0;} .course-card .extras .actions .button-tertiary.start {background-color: #FAE6EB; transition: background-color 0.8s} .course-card:hover .extras .actions .button-tertiary.start{background-color: #fadce3} .course {width: 100%} .course .course-head{padding: 1em 6em; background-color: var(--white)} .course .course-head .course-card .extras .keywords {min-width: 670px;display: flex;align-items: center;gap: 1rem} .course .course-head .course-card .extras .keywords .keywords-list {display: flex; gap:1rem;max-width: 1000px;white-space: nowrap;overflow: hidden;align-items: center;} .course .course-head .course-card .extras .keywords .keywords-list .more.keyword {display: none;color: var(--light-brand-main)} .course .course-head .course-card .extras .keywords-list .hashtags{display: flex; flex-wrap:wrap; align-items: center; gap: 1ch; color: var(--light-brand-main);} .course .course-head .course-institutional .logo{display: none} .course .course-head.is-vidal{background-color: #F8E2E5} .course .course-head .site-container{padding: 0 0; background:transparent;display:flex;justify-content: space-between;align-items: center;} .course .course-content{display: flex; background-color: var(--white);min-height: 500px;} .course .course-content .course-menu-mobile {display: none;width: 90%;padding: 0 1rem;margin: 0;color: var(--accent-hover);width: -webkit-fill-available;height: fit-content} .course .course-content .course-menu.disabled li:not(:first-child) {cursor: not-allowed;} .course .course-content .course-menu.disabled li:not(:first-child) .main {color:var(--clr-grey-400)} .course .course-content .course-menu.disabled li:hover > a > .main > .chapter * {color: unset} .course .course-content .course-menu.disabled li:not(:first-child) > a > .main > .picto:not(.add) {background-color: var(--clr-grey-400)} .course .course-content .course-menu.disabled li:not(:first-child):hover > a > .main > .picto:not(.add) {background-color: var(--clr-grey-400)} .course .course-content .course-menu:not(.child){width: 350px; min-width:350px;padding: 0.75em 0 0 6em;} .course .course-content .course-menu li:first-of-type {margin-top: 0.2rem;} .course .course-content .course-menu li{cursor: pointer; user-select: none;} .course .course-content .course-menu li[data-is_enabled_module="0"], .course .course-content .course-menu li.forbidden, .course .course-content .course-body .module[data-is_enabled_module="0"]{opacity: 0.4;} .course .course-content .course-menu .new{font-weight: 700; color: var(--clr-brown); position: relative;} .course .course-content .course-menu .new-star{display: inline; mask-image: url("../../includes/components/./formations/styles/../imgs/front/star-contour.svg"); mask-size: contain; mask-repeat: no-repeat; width: 14px; height: 14px;} .course .course-content .course-menu li .main{display: flex; gap: 1ch; align-items: center; border-bottom: 1px solid var(--line-dark); color: var(--light-text-secondary); padding: 0.75em 0;} .course .course-content .course-menu li.forbidden{cursor: not-allowed;} .course .course-content .course-menu.child{padding-left: 40px;} .course .course-content .course-menu.child li{margin: 0; border: none; font-size: 0.9em;} .course .course-content .course-menu.child li:last-child{padding-bottom: 0;} .course .course-content .course-menu li .chapter{flex: 1;} .course .course-content .course-menu li:hover > .main > .chapter *, .course .course-content .course-menu li.current > .main > .chapter *, .course .course-content .course-menu li:hover > a > .main > .chapter * {color: var(--accent-hover)} .course .course-content .course-menu li:hover > .main > .picto:not(.add), .course .course-content .course-menu li.current > .main > .picto, .course .course-content .course-menu li:hover > a > .main > .picto:not(.add) {background-color: var(--accent-hover)} .course .course-content .course-menu li .picto:not(.add){mask-repeat: no-repeat; mask-size: contain; mask-position: center; height: 32px; flex: 32px 0; background-color: #5F6164;} .course .course-content .course-menu li .picto.game{background-image: var(--img-original-game)} .course .course-content .course-menu li.current > .main > .picto.game, .course .course-content .course-menu li:hover > .main > .picto.game{background-image: var(--img-active-game)} .course .course-content .course-menu li .picto.text{background-image: var(--img-original-text)} .course .course-content .course-menu .module-current .picto.text{background-image: var(--img-active-text)} .course .course-content .course-menu li.current > .main > .picto.text, .course .course-content .course-menu li:hover > .main > .picto.text{background-image: var(--img-active-text)} .course .course-content .course-menu li .picto.podcast{background-image: var(--img-original-podcast)} .course .course-content .course-menu li.current > .main > .picto.podcast, .course .course-content .course-menu li:hover > .main > .picto.podcast{background-image: var(--img-active-podcast)} .course .course-content .course-menu li .picto.info{background-image: var(--img-original-info)} .course .course-content .course-menu li.current > .main > .picto.info, .course .course-content .course-menu li:hover > .main > .picto.info{background-image: var(--img-active-info)} .course .course-content .course-menu li .picto.video{background-image: var(--img-original-video)} .course .course-content .course-menu li.current > .main > .picto.video, .course .course-content .course-menu li:hover > .main > .picto.video{background-image: var(--img-active-video)} .course .course-content .course-menu li .picto.add{mask-repeat: no-repeat; mask-size: contain;mask-image: url("../../includes/components/./formations/styles/../imgs/front/add-circle.svg"); height: 32px; flex: 32px 0;background-color: var(--clr-grey-400); transition: var(--rl-transition)} .course .course-content .course-menu li:hover .picto.add{transform: rotate(90deg); background-color: var(--accent-hover)} .course .course-content .course-menu .chapter-title{font-weight: 600;} .course .course-content .course-menu li a {color: var(--clr-grey-600);text-decoration: none} .course .course-content .course-menu li.current a{color: #9E102A} .course .course-content .course-menu .chapter-title.add{color: var(--clr-grey-400);} .course .course-content .course-menu .chapter-duration{font-size: 0.75em; display: flex; align-items: center; gap:1ch;} .course .course-content .course-menu .main.current, .course .course-content .course-menu .main.current a {color: var(--accent-hover)} .course .course-content .course-menu .main.current .picto {background-color: var(--accent-hover)} .course .course-content .course-body {padding: 2.5em 2em;} .course .course-content.one_page .course-body, .course .course-content.streaming .course-body {padding: 2.5em 0.5em;} .course .course-content.default .course-body {width: calc(90% - 400px)} .course .course-content.streaming {display: block} .course .course-content .course-body[data-type_formation="streaming"] {width: 100%} .course .course-content .course-body :is(.one_page.add-module, .streaming.add-module, .add-resource){justify-content: center; gap: 1em; align-items: center; width: auto; margin-inline: 6em; padding: 3em 0; text-align: center; cursor: pointer; border: var(--clr-grey-400) 1px solid; transition: var(--rl-transition)} .course .course-content .course-body :is(.one_page.add-module, .streaming.add-module, .add-resource){display: flex;} .course .course-content .course-body .add-resource{display: none;} .course .course-content .course-body :is(.one_page.add-module, .streaming.add-module, .add-resource):hover{background-color: var(--clr-grey-200);border-color: transparent;} .course .course-content .course-body :is(.one_page.add-module, .streaming.add-module, .add-resource) p{color: var(--clr-grey-400); font-weight: 600;} .course .course-content .course-body :is(.one_page.add-module, .streaming.add-module, .add-resource) .picto.add{mask-repeat: no-repeat; mask-size: contain;mask-image: url("../../includes/components/./formations/styles/../imgs/front/add-circle.svg"); height: 32px; flex: 32px 0;background-color: var(--clr-grey-400); transition: var(--rl-transition)} .course .course-content .course-body :is(.one_page.add-module, .streaming.add-module, .add-resource):hover .picto.add{transform: rotate(90deg);} .course .course-content .course-body .module{min-height: 250px; border: 1px var(--clr-grey-200) solid; width: auto; margin: 1.5em 6em;} .course .course-content .course-body .module .watermark{position: absolute; top: 1em; left: 2em; font-style:italic; color: var(--clr-grey-400);} .course .course-content .course-body .separation{width: auto; margin: 3em 6em; border-top: #CECED4 solid 1px;} .course .course-content .course-body h3{font-family: Inter,sans-serif; font-size: 1.75em; font-weight: 600; color: var(--light-text-main); padding: 0;} .course .course-content .course-body button.button-primary{padding: 0.5em 2.5em; font-weight: 500; margin: 0 0 4em;} .course .course-content .course-body .text-content{margin: 1.5em 0;} .course .course-content .course-body .syllabus{box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);padding: 1.25em 2em;} .course .course-content .course-body h4{font-family: Inter,sans-serif; font-size: 1.25em; font-weight: 600; color: var(--light-text-main); padding: 0;} .course .course-content .course-body .syllabus .child-blocks{display: grid; grid-template-columns: repeat(2, 1fr); gap: 2em;margin: 1.25em 0} .course .course-content .course-body .syllabus .child-blocks .child{width: 100%;} .course .course-content .course-body .syllabus .child-blocks .child .child-title{font-size: 1.125em; font-weight: 600; padding: 0.5em 0} .course .course-content .course-body .syllabus .child-blocks .child .child-text{padding: 0.5em 0} .course .course-content .course-body .syllabus .child-blocks .child .child-img-full{width: 100%;padding: 0.5em 0;} .course .course-content .course-body .syllabus .child-blocks .child .child-img-bubble{width: 6em;padding: 0.5em 0; border-radius: 50%;} .course .course-content .course-body .syllabus .child-blocks .child .child-expert{display: flex; justify-content: space-between; align-items: center;} .course .course-content .course-body .syllabus .child-blocks .child .child-expert .expert{width: 100%; padding: 0 0 0 1em;} .course .course-content .course-body .syllabus .child-blocks .child .child-expert .expert span{font-weight: 600;} .course .course-content .course-body .syllabus .child-blocks .child .child-vimeo{padding: 0.5em 0;} .course .course-content .course-body .resources > div{display: none; width: 100%;} .course .course-content .course-body .resources .resource-title{width: 100%; font-size: 1.25em;font-family: Inter, sans-serif; font-weight: 700; border-bottom: 1px solid var(--line-dark); margin-block: 28px 22px;} .course .course-content .course-body .resources .resource{position: relative; display: flex;margin-bottom: 1rem; align-items: center;padding: 12px 28px 12px 12px;gap: 16px;} .course .course-content .course-body .resources .resource .block{padding: 0;} .course .course-content .course-body .resources .resource .block > *{color: var(--clr-grey-600);} .course .course-content .course-body .resources .resource .block .resource-name {font-size: 0.875em; font-weight: 700;word-break: break-word;overflow-wrap: break-word;white-space: normal;} .course .course-content .course-body .resources .resource .block .resource-description{font-size: 0.75em} .course .course-content .course-body .resources .resource .block img{max-width: 124px;} .course .course-content .course-body .resources a {text-decoration: none; color: var(--light-brand-main); font-weight: 600; font-size: 0.875em;} .course .course-content .course-body .resources span {display: inline-block; width: 1em;height: 1em;background-repeat: no-repeat; background-size: contain; background-position: bottom} .course .course-content .course-body .resources span.dl-type{background-image: url("../../includes/components/./formations/styles/../imgs/front/resource-pdf.svg"); margin-right: 5px} .course .course-content .course-body .resources span.page-type{background-image: url("../../includes/components/./formations/styles/../imgs/front/launch.svg"); margin-left: 5px} .course .course-content .course-body .resources .resource .block:last-of-type {display: flex;flex-direction: column;justify-content: space-between;width: 95%;border: none;background: unset;} .course .course-content .course-body .resources .resources-category > div,.course-form .course .course-content .course-body .resources .resource{ background-color: var(--line-light); border: 1px solid var(--line-medium);} .course {background-color: #f5f5f5} .course .course-content.one_page, .course .course-content.streaming {padding-left: 10em;padding-right: 10em;} .course .course-content.one_page .section-container > div {border-bottom: 1px solid #CECED4;padding-bottom: 2.2em;padding-top: 2em;} .course .course-content.one_page .section-container > div:last-of-type {border: none} .course .course-content.one_page .section-container > div:first-of-type {padding-top: unset} .header:has(+ .formations.course) .scroll-btn .scroll-page {bottom: 85px} .course-suggested .card {margin-bottom: 1rem;border: 1px solid #CECED4;} .course-suggested.slider-container .slider > div {width: 28%;flex: none} .course-suggested h2{margin: 1rem 0} .course .course-content .course-body[data-type_formation="one_page"].webpage-assembler {width: 100%;} .course-content:not(.default) .section-container .editable-button.disabled {background-color: #ECECEE !important;border-width: 0 !important;color:#5F6164 !important;position: relative;} .course-content.default .section-container .editable-button.disabled {background-color: var(--accent-main) !important;border-width: 0 !important;color:var(--white) !important;position: relative;} .course-content:not(.default) .section-container .editable-button.disabled:after {position: absolute;content: '';width: 16px;height: 16px;background: url("../../includes/components/./formations/styles/../imgs/front/privacy.svg") no-repeat;margin-left: 5px;top: 25%} .course-content:not(.default) .section-container .editable-button.disabled[data-action="download"]:before, .course-content:not(.default) .section-container .editable-button.disabled[data-action="upload"]:before {content: ""} /*course-card*/ .formations .card {display: flex;gap:16px;flex-direction: column;border-radius: 8px;padding: 0.5em 1em;border: 1px solid #F7F7F8;background: #FFF;width: 300px;align-items: flex-start;box-shadow: 0 1px 3px 0 rgba(10, 13, 18, 0.10), 0 1px 2px -1px rgba(10, 13, 18, 0.10);transition: background-color 0.8s; position: relative;height: 500px; cursor: pointer;} .course-card {display: flex;flex-wrap: nowrap;width: 100%} .course-card-logo{width: 58px;height: 42px;display: flex;align-items: center;justify-content: start;flex-shrink: 0;min-width: 3.625em;} .course-card .course-details .course-card-logo img {max-width: 100%;max-height: 100%;object-fit: contain;} .course .course-head .course-institutional .course-card-logo {display: none} .course-card .course-card-content .description{color:#31363C;font-size: 0.875em;font-style: normal;font-weight: 400;line-height: 150%;font-family: Inter, serif;} .course-card .course-card-content .course-card-meta{color: #73777D;font-size: 12px;font-style: normal;font-weight: 400;line-height: 150%;width: 90%} .course-card .course-card-content .course-card-meta {display: flex;align-items: center;font-size: 0.75rem;gap: 0.25rem;flex-wrap: nowrap;overflow: hidden;} .course-card .course-card-content .course-card-meta > .course-card-rating, .course-card .course-card-content .course-card-meta > .course-card-date {white-space: nowrap;flex-shrink: 0;font-family: Inter, serif;} .course-card .card-image {margin-top:0.5em;justify-content: center;align-items: center;text-align: center;display: flex;flex: 0 0 auto;width: 300px;height: 200px;} .slider-container .slider .course-card .card-image {margin: 0 auto} .slider-container .slider .card {height: unset;flex: 1 1 calc(25% - 1.5%);} .tab-content .card .course-card .card-image {height: 100%;} .course-card .card-image img {width: 100%;height: 100%;object-fit: cover;border-radius: 8px;transition: filter 0.3s} .course-card .card-image .experts-hover {display: none;text-align: left;position: absolute;color:#FFFFFF;transition: display 0.6s;gap:0.5rem;font-weight: bolder;text-shadow: 0 1px 0 #31363C;font-size: 14px;width: 80%;margin: auto;} .course-card .card-image .experts-hover .more {text-align:center;display:inline-block;color:#31363C;margin-left: 5px;width: 18px;height: 18px;padding: 3px;justify-content: center;align-items: center;border-radius: 100%;font-size: 13px;background: #F5F5F5;box-shadow: 0 0 0 1.5px #FFF;} .course-card:hover .card-image .experts-hover {display: block;cursor:pointer;} .course-card:hover .card-image img[data-experts] {filter: blur(1px) invert(10%) brightness(70%);} .course-card .card-progress {width: 100%; display: flex;align-items:center;gap: 10px} .course-card .card-progress .progress-container {background:#F0F4F8;padding:0;box-shadow:none;border:none;width: 90%;border-radius: 10px; height: fit-content} .course-card .card-progress .progress-container .progress-bar {height: 8px;background: #DC6803;padding: 0;border: none;box-shadow: none;border-radius: 10px} .course-card .course-card-content {flex: 2 1 500px;display: flex;flex-direction: column;gap: 8px;padding: 12px 12px 12px 20px;} .course-card .course-card-content .course-card-duration{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-family: Inter, serif;} .course-card .course-card-content .course-card-rating{display: flex;flex-direction: row;justify-content: center;align-items: center;text-align: center; gap: 4px;} .course-card .course-card-content .extras .keywords {flex-wrap: nowrap;gap: 1ch;white-space: nowrap;display: flex;align-items: center;flex: 1;} .course-card .course-card-content .extras{display: flex;gap: 16px;flex-direction: column;} .course-card .course-card-content .extras .actions{display: flex;align-items: center;gap: 12px;flex-shrink: 0;} .course-card .course-card-content .extras .actions .add-bookmark-button-favorite.button-tertiary {background: white;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;position: absolute;top: 5px;right: 5px;z-index: 10;} .course-card .course-card-content .extras .action.start {padding: 10px 18px;text-decoration: none;font-weight: 600;font-size: 14px;display: flex;align-items: center;gap: 6px;white-space: nowrap;} .card .course-card .course-card-content .extras .keywords{display: none} .site-container .container .list-formations .card{position: relative} .site-container .list-formations .card{position: relative} .formations .course-card .course-card-content h2{font-size: 0.875em} .course-card .course-card-content .extras {margin-top: auto;} .course .course-content .course-body .section-container h4,.course .course-content .course-body .section-container h3,.course .course-content .course-body .section-container h2,.course .course-content .course-body .section-container h1,.course .course-content .course-body .section-container h5, .course .course-content .course-body .section-container h6{padding: 0} .formations .card .card-new{display: flex;width: fit-content;padding: 4px 15px;justify-content: center;align-items: center;gap: 3px; border-radius: 4px 0 4px 0;background: #C03;color: #FFF;text-align: center;font-size: 12px;font-style: normal;font-weight: 500;line-height: 18px; position: absolute;top: -1px;left: -1px} .formations .card .card-domain{display: flex;justify-content: space-between;align-items: center;margin-top: 1.25em;width: 100%} .formations .card .card-domain span{color: #2D6C94;font-size: 14px;font-style: normal;font-weight: 600;line-height: 20px; } .formations .card .card-domain .add-bookmark-button-favorite{display: flex;width: 25px;height: 25px;padding: 8px;justify-content: center;align-items: center;gap: 5.476px;border-radius: 4px;border: 0.5px solid #F2F3F5;background: #FFF;box-shadow: 0 1px 3px 0 rgba(10, 13, 18, 0.10), 0 1px 2px -1px rgba(10, 13, 18, 0.10);} .formations .card .card-domain .add-bookmark-button-favorite .img-bookmark-favorite{-webkit-mask-image: url("../../includes/components/./formations/styles/../imgs/front/bookmark.svg");mask-image: url("../../includes/components/./formations/styles/../imgs/front/bookmark.svg");-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: contain;mask-size: 1.5em;-webkit-mask-position: center;mask-position: center;background-color: #73777D;width: 100%;height: 100%;} .formations .card .card-domain .add-bookmark-button-favorite .img-bookmark-favorite.favorite{background-color:#C03;-webkit-mask-image: url("../../includes/components/./formations/styles/../imgs/front/bookmark-favorite.svg");mask-image: url("../../includes/components/./formations/styles/../imgs/front/bookmark-favorite.svg");} .formations .card .card-title a {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;transition: color 0.3s;color: #181D27;font-size: 16px;font-style: normal;font-weight: 600;} .formations .card:hover .card-title a {color:#9E102A} .formations .card .card-footer{ position: absolute;bottom: 0;left: 0;right: 0;box-sizing: border-box;padding: 12px 20px;border-top: 1px solid #FFFFFF4D;background-color: #F7F7F8;backdrop-filter: blur(12px);flex-direction: row;justify-content: space-between;display: flex;color: #5F6164;font-size: 14px;font-weight: 600;line-height: 20px;border-radius: 0 0 8px 8px;} .formations .card .card-info{display: flex;align-items: center;gap: 8px;width: 100%; } .formations .card .card-info span{ padding: 3px 8px 3px 6px;justify-content: center;align-items: center;gap: 3px;border-radius: 6px;border: 0.6px solid #E9EAEB;background: #F5F5F5;} .formations .card .card-sponso .sponso-vidal{color: #C03;font-size: 14px;font-style: normal;font-weight: 700;line-height: 20px;} .formations .card .card-sponso{margin-bottom:50px;display: flex; flex-direction: column;color: #73777D;font-size: 10px;font-style: normal;font-weight: 400;line-height: 18px;} .formations .card .course-card-rating{display: flex} .formations .card .course-card-rating .star {margin-right: 2px;cursor: default;} .formations .card .cord-tag {display: flex;gap: 4px;flex: 1;position: relative;width: 50%;} .formations .card .cord-tag span {color:#535862;text-align: center;display: flex;padding: 3px 8px 3px 6px;justify-content: center;align-items: center;gap: 3px;font-size: 12px;font-style: normal;font-weight: 500;line-height:18px;border-radius: 6px;border: 0.6px solid #E9EAEB;white-space: nowrap;background: #F5F5F5;} .formations .card .cord-tag .more-tags {background: #F5F5F5;cursor: pointer;} .course-card .extras .actions .add-bookmark-button-favorite span {-webkit-mask-image: var(--icon-bookmark-add);mask-image: var(--icon-bookmark-add);background-color: #CC0033;display: inline-block;width: 12px;height: 14px;margin-right: 12px;} .course-card .extras .actions .add-bookmark-button-favorite span.favorite{-webkit-mask-image: var(--icon-bookmark-favorite);mask-image: var(--icon-bookmark-favorite);} /*form de search*/ .formations .searchbar-formation .form-search-formation{display: flex;align-items: center;justify-content: space-between;position: relative;padding: 1.5em;gap: 1.5em;border-radius: 8.5px;border: 1.1px solid #F5F5F5;background: #FFF;box-shadow: 0 0 0 1.1px rgba(248, 226, 229, 0.40) inset, 0 -2.1px 0 0 rgba(10, 13, 18, 0.05) inset, 0 1.1px 2.1px 0 rgba(10, 13, 18, 0.05);cursor: text} .formations .searchbar-formation .form-search-formation>div{position: relative;flex: 1 1 auto;box-sizing: border-box;font-size: 1em;height: 100%;color: #31363C;width: 100%;background-color: transparent;padding-right:1em;display:flex;align-items:center;} .formations .searchbar-formation form input[type="text"]{box-sizing:border-box;font-size:1em;height:100%;padding-left:35px!important;} .searchbar-formation form #query .dropdown{box-shadow: 0 10px 20px #00000029;background:#F4F6FC;transform: translateY(-10px);margin-left:2%;top:100%;width:98%;padding:0.5em;box-sizing: border-box;} .searchbar-formation form #query .dropdown{top: calc(100% + 30px)} .formations .searchbar-formation .form-search-formation>div>span.cross{transition:all .3s;transform-origin:50% 50%;cursor:pointer;width:20px;height:20px;background:url("../../includes/components/./formations/styles/../imgs/front/x-close.svg") no-repeat center center;} .formations .searchbar-formation .form-search-formation>div>span.cross:hover{transform:rotate(90deg);} .formations .searchbar-formation .form-search-formation .input-search {flex: 1 1 auto;box-sizing: border-box;font-size: 1em;height: 100%;padding-left: 8px;color: #31363C;width: 100%;background-color: transparent;} .formations .searchbar-formation #search-error-formation {display: none;color: rgb(192, 52, 39);z-index: 60;font-size: 0.8em;margin: 8px auto; font-weight: 500;} .formations .result-search {color: #000;font-size: 14px;font-style: normal;font-weight: 700;line-height: 115%;margin: 1rem;} .formations .result-search .search-term,.formations .search-container.null-search .search-term{color:#C03;} .filter.list .list-container .side-bar .side-bar-form .side-bar-menu li {list-style: none;} .search-container {background-color:#FFF} .search-container .site-container.head-formations .container .intro-recommendation div h2{margin-bottom: 0.25em;text-align: left} .search-container .site-container {padding: 0} .search-container .side-bar .content-filter {margin: 0.5em 0} .filter.list .search-container .side-bar .content-filter p{font-size: 0.875em;font-weight:500} .filter.list .search-container{grid-template-columns: 300px 1fr;} .filter.list .search-container .side-bar .side-bar-form .content-filter .side-bar-menu li label{cursor:pointer;display: flex;justify-content: flex-start;align-items: center;gap: 0.5em;} .filter.list .search-container .side-bar .side-bar-form .content-filter .side-bar-menu li label:hover{color:#000;} .formations .searchbar-formation{padding: 2.5em 6em; background-color: rgb(255, 255, 255);} .filter.list .search-container.null-search{display:block;margin-top:0;background:#fff;} .filter.list .search-container.null-search .intro-recommendation h2{margin-top:0;} .formations .search-container.null-search .search-term{} .formations .search-container.null-search .no-results{display: flex;flex-direction: row;align-items: start;gap:8em;margin:4em 0;} .formations .search-container.null-search .no-results .no-result-tips {list-style: disc;padding: 0;margin: 0 0 0 2em;} .formations .search-container.null-search .no-results .no-result-tips li {list-style: disc;margin: 0.5rem 0;} .formations .search-container.null-search .no-results .title{font-size:1.2em;font-weight:bold;margin-bottom:1em;} .formations .search-container.null-search .no-results .alternatives{} .formations .search-container.null-search .no-results .alternatives .cta-box{;} .formations .search-container.null-search .no-results .alternatives ul{margin:0;padding:0;} .formations .search-container.null-search .no-results .alternatives ul li{margin:0;padding:0;} .formations .search-container.null-search .no-results .alternatives ul li a{transition:all .3s;font-weight: bold;color:#C03;display:block;background:url("../../includes/components/./formations/styles/../../2020/imgs/icon-arrow-right-red.png") no-repeat right 0.5em center;padding:.5em 0;border-bottom:solid #E9EAED 1px;} .formations .search-container.null-search .no-results .alternatives ul li a:hover{color:#9E102A;background-position:right 0 center;} .formations .search-container.null-search .no-result-search{padding: 1em 0;} .formations .search-container.null-search .no-results img{max-width: 300px} .formations .search-container.null-search .no-results h2{margin-bottom: 0.25em} .formations .search-container .side-bar p {font-weight: 600; font-size: 1.25em;} .filter.list .search-container #mobile-filter .close-filter{display: none} .filter.list .search-container #mobile-filter>p:first-of-type {display:none;} .formations .search-container .mobile-result{display: none} .filter.list .search-container .filter-overlay{display: none} .filter.list .search-container .site-container.head-formations .container .intro-recommendation img{display: none} .filter.list .search-container .site-container.head-formations .intro-description {text-align: left;width: 100%;align-items: flex-start; margin-bottom: 2rem} .search-container .site-container.head-formations .container .intro-recommendation div{margin-bottom: 0} .searchbar-formation .form-search-formation .search-formation .img-arrow-right {width: 17px;height: 17px;display: block;background: url("../../includes/components/./formations/styles/../imgs/front/arrow-right.svg") no-repeat center;background-size: contain;} .searchbar-formation .form-search-formation .search-formation{display: flex;width: 37.14px;height: 37.14px;justify-content: center;align-items: center;gap: 12px;border-radius: 50%;border: 0.663px solid #E9EAEB;cursor: pointer;transition: all 0.3s ease;background-color: #FFF;} .searchbar-formation .form-search-formation .search-formation:hover {background-color: #F0F0F0;border-color: #A4A7AE;} .formations.course .course-card .card-image {margin-top: 0;height:auto;} .formations.course .course-card .card-image img {border-radius: 0;height: 100%;} .formations.course .course-card .course-details {display: flex;flex-direction: column;justify-content: space-between;} .searchbar-formation .form-search-formation:focus-within{border: #8ec6e7 1px solid; box-shadow: 0 0 0 1.1px rgba(142, 198, 231, 0.40) inset, 0 -2.1px 0 0 rgba(142, 198, 231, 0.15) inset, 0 1.1px 2.1px 0 rgba(142, 198, 231, 0.15);} .filter.list .search-filter-container form{display: flex;gap: 1rem;flex-wrap:wrap;} .filter.list .search-filter-container span.chevron-down{display: inline-block;background:url("../../includes/components/./formations/styles/../imgs/front/chevron-down.svg") no-repeat ;width: 20px;height: 15px;} .filter.list .search-filter-container ul {padding: 0.5em ;margin: 0.7em ;display:none;position: absolute;z-index: 99;background-color: white;width:250px;border-radius: 8px;border: 1px solid #E9EAED;left: 0;margin-left: 0;} .filter.list .search-filter-container ul li {font-size:14px} .filter.list .search-filter-container .content-filter.active ul, .filter.list .search-filter-container .content-filter:hover ul {display:block;} .filter.list .search-filter-container .content-filter:hover {cursor:pointer;} .filter.list .search-filter-container .content-filter {width:fit-content;position:relative;border-radius: 8px;border: 1px solid #E9EAED;padding: 0.5em 1em;} .filter.list .search-filter-container .content-filter.reset {border: none;text-decoration: underline;display:none;} .course .streaming .course-body .iframe_2769 {width: 100% !important;height: auto !important;aspect-ratio: 20 / 9 !important;} @media screen and (max-width: 1400px) { .formations .dashboard .tab-content.active {row-gap: 1.5rem;column-gap: 1.5rem;padding: 1.5rem 0;} .course .course-head .course-card .extras .keywords {min-width: 400px;} .course .course-head {padding: 1em 3em} .course .course-content .course-menu:not(.child) {padding: 0.75em 0 0 3em} } @media screen and (max-width: 1165px) { .course .course-content.default .course-body {max-width: 100%;box-sizing: border-box;width: calc(90% - 250px);} .course .course-content.one_page, .course .course-content.streaming {padding-left: 5em;padding-right: 5em;} .course .course-content .course-menu:not(.child) {min-width: 250px; padding-left: 1em;} .course .course-content.one_page, .course .course-content.streaming {padding:0} .formations .card .card-sponso{margin-bottom:40px;} .course-suggested.slider-container {overflow: hidden;} .course-suggested.slider-container .slider > div {margin-right: 4rem} } @media screen and (max-width: 1024px) { .course .course-head .course-card .extras .keywords {min-width: unset} .course .course-head {padding: 1em} } @media screen and (min-width: 992px) and (max-width: 1024px) { .course .course-content.one_page, .course .course-content.streaming {padding-left: 2em;padding-right: 2em;} } @media screen and (min-width: 768px) and (max-width: 950px) { .course .course-content{flex-direction: column} .course .course-head {padding: 0.75em 2em 2.75em;} .course-card .extras {flex-direction: column;gap: 10px;} .course-card .extras .actions {justify-content: end;} } @media screen and (max-width: 950px) { .course .course-head {padding: 0.5em 1em 2em;} .course .course-head .site-container{margin-top: 3rem} .course .course-head .course-institutional {display: flex;justify-content: space-between;align-items: center;gap: 5px;} .course .course-head .course-institutional .course-card-logo {display: block} .course .course-head .description .course-card-logo {display: none} .course .course-head .course-card {flex-direction: column} .course .course-head .course-card .cover {min-height: 15rem} .course .course-head .course-card .extras .keywords .keywords-list {display: flex; gap:1rem;flex-wrap: wrap;} .course .course-head .course-card .extras .keywords {min-width: unset} .course .course-card .extras .actions div.share .submenu {right: 0; left:unset;} .course .course-content .course-menu-mobile {display: flex;flex-direction: row-reverse;justify-content: space-between;background-color: var(--white);align-items: center;font-weight: bolder;border: 0.5rem solid #F8E2E5;position: relative;cursor: pointer;} .course .course-content .course-menu-mobile > span:first-child {display:block;position:relative;width:25px;height:25px;flex: 0 0 auto;} .course .course-content .course-menu-mobile > span:first-child::before, .course .course-content .course-menu-mobile > span:first-child::after {width:20px;height:3px;background:var(--light-brand-main);position:absolute;display:block;content:'';transition:all .3s;} .course .course-content .course-menu-mobile > span:first-child::before {transform:translateY(13px) translateX(0px) rotate(45deg);} .course .course-content .course-menu-mobile > span:first-child::after {transform:translateY(13px) translateX(13px) rotate(-45deg)} .course .course-content .course-menu-mobile.active span::before {width:20px; transform:translateY(10px) rotate(45deg);} .course .course-content .course-menu-mobile.active span::after {width:20px; transform:translateY(10px) rotate(-45deg);} .course .course-content .course-menu-mobile .main {display: flex;padding: 0.75em 0;align-items: center} .course .course-content .course-menu-mobile .picto{mask-repeat: no-repeat;width: 3rem;background-color: var(--accent-hover);mask-size: contain;height: 32px;flex: 0 0 auto;} .course .course-content .course-menu-mobile .chapter-duration {font-size: 0.75em;display: flex;align-items: center;gap: 1ch;} .course .course-content .course-menu-mobile .new-star {display: inline;mask-image: url("../../includes/components/./formations/styles/../imgs/front/star-contour.svg");mask-size: contain;mask-repeat: no-repeat;width: 14px;height: 14px;} .course .course-content .course-menu-mobile .chapter-title{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .course .course-content .course-menu:not(.child) {padding: unset;min-width: unset} .course .course-content {position: relative;align-items: center;flex-direction: column} .course .course-menu {display: none;} .course .course-content .course-menu.open {position: absolute;top: 5rem;background-color: white;width: 90%;padding: 0 1rem;max-height: 400px;margin-top: 0;border: 0.5rem solid #F8E2E5;border-top: 0;overflow: auto;z-index: 10;width: -webkit-fill-available;} .filter.list .search-container .side-bar .content-filter .side-bar-menu{display: block} .filter.list .search-container{background: none;gap: 1rem;padding: 0px 1rem;} .filter.list .search-container{grid-template-columns: 250px 1fr;} .filter.list .search-container .side-bar{margin-top: 1.5em;padding: 1em} .filter.list .search-container .list-formations{width: 100%} .formations .search-container .side-bar p{padding:0 } .formations.course .course-head .course-card .card-image{margin: auto} .course .course-content.default .course-body {width: 100%} .course-suggested.slider-container .slider > div {margin-right: 10rem} .formations.course .course-head .course-card .course-card-image{width: 100%} .searchbar-formation form #query .dropdown{margin:0;width:calc(100% + 48px);transform:translateY(-3px);} .course .streaming .course-body .iframe_2769 {aspect-ratio: 10 / 9 !important;} } @media screen and (max-width: 728px) { .course .course-head{padding: 0 8px 8px;} .course-content{flex-direction: column} .course .course-head .course-details .details .description{display: flex; flex-direction: column} .course .course-head .course-details .extras {display: flex; flex-direction: column} .course .course-head .site-container > .breadcrumb {width: 100%;padding: 1em 0} .course .course-head .site-container > .breadcrumb li {white-space: nowrap;max-width: 100%;} .course .course-head .course-details {padding: 1.25em;display: flex;flex-direction: column;gap: 20px;align-items: flex-start;} .course .course-head .course-card .course-details .details h1{font-weight: 600; margin-bottom: 0.5em;} .course-card .course-details .details .course-infos p:not(:last-of-type) {white-space: normal;} .course .course-head .course-details .details .course-infos .bullet:last-of-type { display: none} .course .course-card .course-details .details .course-infos p:last-of-type {white-space: normal;display: block;width: 100%;} .course .course-head .course-card{position: relative} .course .course-head .course-card .extras .actions{flex-direction: column-reverse;position: absolute;top: 2.5rem;right: 1rem;gap: 0.5em;z-index: 10;} .course .course-head .course-card .extras .actions .add-bookmark-button-favorite, .course .course-head .course-card .extras .actions .action {font-size: 0;background: #31363C;border-radius: 11px;opacity: 0.6;color: #FFF;} .course .course-card .extras .actions .share-icon{background-image: var(--icon-share-mobile);} .course .course-head .course-card .extras .actions .add-bookmark-button-favorite span{background-image: var(--icon-bookmark-add-mobile); margin-right: 0;transform: scaleX(-1);background-color: var(--white)} .course .course-head .course-card .extras .actions .share .action, .course .course-head .course-card .extras .actions .add-bookmark-button-favorite {width: 40px;height: 40px;justify-content: center;align-items: center;text-align: center;gap: 0;display: flex;} .course .course-head .course-card .course-details .extras .keywords .bullet { display: none} .course .course-head .course-card .extras .keywords .keyword p,.course .course-head .course-card .extras .keywords .keyword a{font-size: 12px;font-weight: 500;} .course .course-head .course-card .course-details .extras .keywords .keyword{display: flex;padding: 6px 8px;justify-content: center;align-items: center;border-radius: 2px;border: 1px solid #E9EAED;} .course .course-head .course-card .course-details .extras .keywords .more.keyword {display: none} .course .course-head .course-card .course-details .extras .actions .button-tertiary {border: none;} .course .course-card .course-details .details h1{display: flex} .course .course-content{flex-direction: column} .course .course-content .course-body {padding: 1.25em;} .course .course-head .course-card .cover {min-height: 13rem} /*course-Card*/ .card {flex-direction: column;height: auto;} .course-card .course-card-content{display: flex;flex: 1;padding: 20px;} .course-card{flex-direction: column;} .course-card .card-image,.tab-content .card .course-card .card-image, .formations.course .course-card .card-image {width: 100%;height: 200px;max-width: 100%;} .course-card .card-image img{height: 100%;} .course-card .course-card-content .extras {flex-direction: column;align-items: stretch;gap: 16px;} .course-card .course-card-content .extras .action.start {flex: 1;justify-content: center;padding: 12px 20px;} .course-card .course-card-content .description{margin-bottom: 8px;} .course-card .course-card-content .extras .action{justify-content: center;} .course-card .course-card-content .extras .actions .add-bookmark-button-favorite.button-tertiary {width: 30px;height: 30px;background: white;cursor: pointer;display: flex;align-items: center;justify-content: center;top: 0;right: 0;position: relative;} .course-card .course-card-content .extras .keywords{display: none} .course-card .course-card-content .course-card-meta{width: 100%} /*form de search*/ .filter.list .search-container{display: flex;flex-direction: column;background-color: var(--white);} .formations .searchbar-formation .form-search-formation .search-formation {padding: 0 1em;} .formations .searchbar-formation .form-search-formation .search-formation span{display: none;} .formations .search-container .result-search{margin-left: 0.5em} .formations .search-container .list-formations{margin-top: 1.5em; padding-top: 1em;} .formations .search-container .mobile-result{display: flex;justify-content: space-between;align-items: center;text-align: center;padding: 1em 0.5em 1em 0.5em;border-bottom: 1px solid #E9EAED;} .formations .search-container .list-formations .result-search{margin-top: 1em ;} .formations .search-container .mobile-result .filter-toggle{cursor: pointer;background: none;display: flex;justify-content: center;gap: 8px;align-items: center;text-align: center;font-size: 0.875em;font-weight: 400;padding: 0;color: black} .formations .search-container .mobile-result .filter-toggle span{color: black} .formations .search-container .mobile-result .nb-result{font-size: 0.875em;font-weight: 400;} .formations .search-container .mobile-result .nb-result span{ color: #C03; font-weight: 700} .filter.list .search-container #mobile-filter {position: fixed;bottom: 0;left: 0;width: 100%;max-height: 70vh;background: white;box-shadow: 0 -2px 10px rgba(0,0,0,0.15);z-index: 999;overflow-y: auto;padding: 0;transform: translateY(100%);opacity: 0;pointer-events: none;transition: transform 0.3s ease, opacity 0.3s ease;border-radius: 1em 1em 0 0;} .filter.list .search-container #mobile-filter.open {animation: slideUp 0.4s forwards ease-out;pointer-events: auto;} .filter.list .search-container #mobile-filter.closing {animation: slideDown 0.3s forwards ease-in;} .filter.list .search-container #mobile-filter .close-filter {display:block;background: none;border: none;font-size: 1.5rem;position: absolute;top: 1rem;right: 1rem;cursor: pointer;} .filter.list .search-container {display: block;} .filter.list .search-container #mobile-filter>p:first-of-type {display: block;justify-content: center;align-items: center;text-align: center;padding: 1em} .formations .search-container #mobile-filter .content-filter .toggle-list span{display: flex} .formations .search-container #mobile-filter .content-filter .toggle-list {cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-weight: bold;padding: 0.5em 1.5em 1em 1.5em;} .formations .search-container #mobile-filter .content-filter .toggle-list span.chevron-down{display: inline-block;background:url("../../includes/components/./formations/styles/../imgs/front/arrow.svg") no-repeat ;width: 10px;height: 14px;transition: transform 0.3s ease;transform-origin:50% 50%;} .formations .search-container #mobile-filter .content-filter .toggle-list.active span.chevron-down {transform: rotate(90deg);} .formations .search-container #mobile-filter .content-filter .toggle-list span.chevron-down::before{content:'';} .formations .search-container #mobile-filter .content-filter .side-bar-menu {display: none;} .formations .search-container #mobile-filter .content-filter .side-bar-menu.open {display: block; position: relative;border: none;padding: 0 1.5em;} .formations .search-container #mobile-filter .content-filter .side-bar-menu.open li{border-bottom: none;min-height: 0} .filter.list .search-container #mobile-filter .side-bar-form {overflow-y: auto;padding: 0 0.5em .5em 0.5em;flex: 1 1 auto;min-height: 0;} .filter.list .search-container .filter-overlay {position: fixed;display: block;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.4);z-index: 998;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;} .filter.list .search-container .filter-overlay.active {opacity: 1;pointer-events: all;} .filter.list .search-container .side-bar p{padding: 0.5em} #mobile-filter .side-bar-form {display: flex;flex-direction: column;gap:0;} #mobile-filter .side-bar-form .content-filter {border:none;width: 100%;padding:0;border-bottom:1px solid #d2d3d4;border-radius:unset;} #mobile-filter .side-bar-form .content-filter.reset {border-radius: 8px;border: 1px solid #E9EAED;padding: 0.5em 1em;text-decoration: none;width: 90%;text-align: center;} .filter.list .search-filter-container .content-filter .filter-count {margin:0 5px;} .formations .search-container.null-search .no-results{flex-direction: column;margin-left: 0;gap:2em;} .formations .search-container.null-search .list-formations{margin: 0;width: 100%} .formations .search-container.null-search .list-formations .searchbar-formation{margin: 0 0.5em 1em 0.5em;} .formations .search-container.null-search .no-result-search{padding: 1em} .search-container .side-bar .content-filter:last-of-type {border-bottom: 1px solid #bfc3cf;} .formations .searchbar-formation{padding: 1em} .formations .searchbar-formation .form-search-formation{padding: 0.5em 1em;} .formations .card{height: auto} .course .streaming .course-body .iframe_2769 {aspect-ratio: 8 / 9 !important;} } @media screen and (max-width: 650px) { .course .course-content .course-body .resources .resource {margin-bottom: 0} .course-suggested.slider-container .slider > div {margin-right: 5rem} } @media screen and (max-width: 550px) { .course .course-content.one_page .section-container .editable-button {width: 100% !important;margin-bottom: 0;} .formations .search-container .list-formations {margin-top: 0; padding-top: 0} .formations .search-container .result-search {margin: 1rem 0.5rem} .formations .searchbar-formation .form-search-formation {gap: 0} .course-suggested.slider-container .slider > div {margin-right: 2rem} } @keyframes slideUp { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slideDown { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(100%); opacity: 0; } } .content .document.news-search-document h2::after {margin-top: 0.25rem;} .content .document.news-search-document {display: flex;} .content .block-news .h4 {font-size: 1.75em;color: #31363C;margin-top: 0;font-family: Inter, sans-serif;font-weight: 600;line-height: 115%;padding: 0;margin-bottom: 0.83em;} .intro .title img{flex:0 0 auto;margin-right:1em;border-radius: 100%;} .news-list{padding:0;margin:0;} .news-list li{display:flex;cursor:pointer;background:#fff;gap:1rem;padding:1em 0;margin-bottom:0;align-items: center;} .news-list-container .news-list li{margin-bottom:0;} .news-list li:first-of-type{border-top:none;padding-top:0;} .news-list li:last-of-type{padding-bottom:0;} .news-list li .news-thumbnail{flex:0 0 auto;margin: 0;overflow: hidden;display:flex;align-items: center;justify-content: center;} .news-list li .news-thumbnail img{transition: all 0.5s ease 0s; object-fit: fill; max-height: 160px; width: 243px;} div.intro div#news_container ul.news-list li.news-link figure.news-thumbnail img{height:118px;} .news-list li:hover .news-thumbnail img{transform: scale(1.1);} .news-list li .news-title:hover a{color: #9E102A;} .news-list li .news-specialty{color: #2D6C94; font-weight: 600; font-size: 0.875em} .news-list li .news-specialty:hover{color: #9E102A} .news-list li .news-head{font-size: 0.8rem;font-weight: 500;line-height: 1.2em;margin-bottom: 5px;} .news-list li .news-bottom {display: flex; justify-content: space-between; align-items: center;} .news-list li .news-types {display:flex;align-items: center;color: #CC0033; font-size: 12px;border-radius: 0.125rem;border: 1px solid var(--line-medium, #E9EAED);background: #FFF;height: 1.25rem;padding: 0rem 0.5rem 0.0625rem 0.5rem;} .news-list li .arrow {transition:all .3s;margin-right:0.5em;-webkit-mask-image: var(--icon-arrow-right);mask-image: var(--icon-arrow-right);background-color: #CC0033;display: inline-block;width: 14px;min-width: 14px; height: 10px;} .news-list li:hover .arrow{background-color: #9E102A;margin-right:0;} .news-list li .news-head .news-date {color: #8C8C8C;} .news-list li .news-content {flex: 1 1 auto;display: flex;flex-direction: column; align-self: stretch;justify-content: space-between;padding: 1rem 0;} .news-list li .news-content h3{padding:0;margin:0;} .news-list li .news-content .news-summary {overflow: hidden;text-overflow: ellipsis;padding:3px 0 6px 0;margin: 0; font-size: 0.875rem;color: #666666;} .news-list li .news-content .news-title{text-transform: none; text-align: left;margin: 0;padding: 0;color: #31363C;} .news-list li .news-content .news-title.h2{font-weight: 600;line-height: 115%;} .news-list-container .news-list li .news-content .news-title{font-size: 1rem;font-family: Inter, sans-serif;} div.extra .news-list li .news-bottom{justify-content: end;} div.extra .news-list li .news-types {display:none;} div.extra .news-list li .news-head{font-size: 10px;font-weight: 500;line-height: 1.2em;margin-bottom: 5px;} div.extra .news-list li .news-head .news-date {font-size: 10px;font-weight: 500;line-height: 1.2em;} div.extra .news-list li .news-title {margin: 0;} div.extra .block.news ul li{display:flex;background:#fff;padding:12px 0;margin: 0;} div.extra .block.news ul li:not(:first-of-type){border: none;border-top: solid 1px #CECED4;} div.extra .block.news ul li img{width: inherit;} div.extra .block.news ul li .news-thumbnail{margin: 0;width: 80px; height: 80px;position:relative;overflow:hidden;} div.extra .block.news ul li .news-thumbnail img{position:absolute;width:121px;height: 80px;left:50%;top:50%;transform:translate(-50%, -50%); object-fit: cover;} div.extra .block.news ul li:hover .news-thumbnail img{position:absolute;width:121px;height: 80px;left:50%;top:50%;transform:translate(-50%, -50%) scale(1.1, 1.1);} div.extra .block.news ul li a{border-bottom: none;padding:0;margin:0;font-size:12px; color: #31363C;line-height: 150%;} div.extra .block.news .author-desc{display:flex;margin:1em 0;align-items: flex-start;} div.extra .block.news .author-desc .photo{margin-right:1em;flex:0 0 auto;border-radius:100%;} div.extra .block.news .author-desc .bio{font-size:0.9em;} div.extra .block.news .same_author{font-weight: bold; color: #000000;} div.extra .block.news>.actions>a img {margin-left: 10px;} .content .author-content{display:flex;align-items: flex-start;margin-bottom:2em;font-size:0.9em;} .main.author .news > h2 {font-size: 1.4em;margin-bottom: 1rem;} @media screen and (max-width: 1270px){ .news-list li .news-thumbnail img{max-height: 80px; width: unset} .news-list li .news-content{justify-content: flex-start;padding:0rem;} } @media screen and (max-width: 950px){ .content .intro h1::after {margin: auto;} .news-list li{height:auto;align-items: self-start;margin-bottom: 0;border-bottom: 1px solid #E9EAED} .content .document.news-search-document {flex-direction: column;} #news_container,.content .document.news-search-document .facets-container { margin-bottom: 1rem;padding: 0em;} } @media screen and (max-width: 728px){ .news-list li .news-content .news-summary,.news-list li .news-types{display: none;} .news-list li .news-bottom {justify-content: end;} .news-list li .news-thumbnail img{min-height: 99px;max-width: 99px;object-fit: contain} } .news-types-group { display: flex;flex-wrap: wrap;gap: 0.5rem 1rem;max-width: max-content; } li .news-types-group > .news-types:hover { color: #9E102A; } .news-list .news-types-group > .news-types-disabled, .news-list .news-types-group > .news-types-disabled:hover { color: #31363C; cursor: initial; pointer-events: none; } .subhome .blocks{display:flex;margin:2em 0 1em;} .subhome .blocks .block{flex: 1 1 0;margin-right:1em;width:0;padding: 8px 28px;} .subhome .blocks .block:last-of-type{margin-right:0;} .subhome.sante>.content{display: flex; margin-top:2em;} .subhome .blocks .block-pro.medicalCare .links .link{width:calc(25% - 2em);} .subhome .blocks .block-pro.medicalCare .links .link.no-title{padding-top:36px;} .site-container.content{display: flex;} .home h1#title {margin:2em auto 0 auto;display: block;text-align:center;font-size:36px;} .home h1#title span {color:#CC0033;} .block.block-pro h2, .block.block-gp h2{border-radius:10px 10px 0 0 ;position:relative;text-align: center; margin:0;padding:35px 0 1em 0;} .block.block-gp h2::before{background:no-repeat center/50% url("../../includes/components/./2020/styles/../imgs/icon-patient.png") red; box-shadow: 0px 3px 6px #1A76DD;} .block.block-pro h2::after, .block.block-gp h2::after{background:#fff;margin-left:50%;transform: translateX(-20px);} .block.block-pro ul, .block.block-gp ul{margin:1em;padding:0;} .subhome.sante .block.block-pro ul, .subhome.sante .block.block-gp ul{list-style: disc;} .subhome.sante .block.block-gp {padding: 1em 4em;} .block.block-pro ul li a, .block.block-gp ul li::marker {color: #2D6C94;} .block.block-pro ul li a, .block.block-gp ul li a{display:block;padding:6px;transition:all .3s;} .block.block-pro ul li a:hover, .block.block-gp ul li a:hover{padding:6px 0 6px 12px;} .block.block-pro ul li a.private, .block.block-gp ul li a.private{opacity:.7;} .block.block-pro .links, .block.block-gp .links{display:flex;flex-wrap: wrap;margin-top:1em;} .block.block-pro .links>div, .block.block-gp .links>div{width:calc(50% - 2em);margin:0 1em 1em;} .subhome.sante .block.block-gp .links>div{width:calc(50% - 4em);margin:0 2em 1em;} .block.block-gp .links>div h3{color: #2D6C94;} .block.block-gp .links>div h3::after{margin-left:50%;transform:translateX(-21px);} .block-news .button-primary{display:block;margin:0 auto;max-width:fit-content;} div.omniture{overflow: hidden;} div.omniture>h2{text-align: center;} div.omniture>h2::after{margin-left:50%;transform:translateX(-21px);} div.omniture>ul{padding:0;} div.omniture>ul>li{} div.omniture>ul>li>a{transition:all .3s;display:block;padding:6px;border-bottom:solid 1px #d0d1d4;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} div.omniture>ul>li:last-of-type>a{border-bottom:none;} div.omniture>ul>li>a:hover{padding:6px 0 6px 12px;} #homepage-connect{margin-bottom:1em;text-align: center;} .link-title{text-align: center;margin-top:1em;} .site-container.content .main .block-content {padding: 4em 8em;} @media screen and (max-width: 1430px) { .site-container.content .main .block-content {padding: 3em 4em;} .subhome.sante .block.block-gp {padding: 1em 2em;} } @media screen and (max-width: 1270px) { .subhome.sante>.content{flex-direction: column;} .site-container>.content .extra>.btn {width: 80%;} .site-container.content{flex-direction: column;} } @media screen and (max-width: 1165px) { .subhome .blocks{flex-wrap:wrap;} .subhome .blocks .block.block-pro,.subhome .blocks .block.block-gp{width:100%;flex:0 0 auto;margin:0 0 1em;box-sizing:border-box;} } @media screen and (max-width: 950px){ .block-news{margin-top:2em;} .site-container>.content .extra>.btn, .site-container.content .extra>.btn{width:100%;} .subhome .blocks{flex-direction:column;} .subhome .blocks .block.omniture{width:100%;margin-right:0;margin-left:0;margin-bottom: 1em; flex:1 1 auto;box-sizing: border-box;} .subhome .blocks .block.omniture:last-of-type {margin-bottom: 0;} .subhome .blocks .block-pro.medicalCare .links{flex-direction: column;} .subhome .blocks .block-pro.medicalCare .links .link{width: 100%;} .subhome.sante .block.block-gp {padding: 1em;} } @media screen and (max-width: 728px) { .home h1#title {font-size:19px;} .subhome.sante .block.block-gp .links>div {width: calc(100% - 4em);} .drug #homepage-connect .connect-links{display: block} } @media screen and (max-width: 415px) { .drug #homepage-connect .connect-links{display: inline-grid} .drug #homepage-connect .connect-links .button-primary{margin-top:0.6em} } .subhome .blocks .block.block-pro, .subhome .blocks .block.block-gp.home h1{font-size:1.58em;text-align: center;} .home-body{background: #FFF;} .home .page-header {width: 77%; margin: 0 auto; padding: 3.75em 0 2.5em;background: transparent;} .home-body .main .content-text{padding: 64px 140px;} .home-body .main .content-text p.title {font-size: 1.75em; margin: 28px 0; font-weight: 600;font-family: Inter, sans-serif;} .home-body .main .content-text p.title span{font-weight: 600;} .home-body .main .content-text p.title span:first-of-type{color: #9E102A;} .home .page-header #query > div {height: 100%;} .home .page-header input[name="query"] {box-sizing: border-box;} .home .home-banner .content-gam{margin-top: 3em; margin-bottom: 0} .home .page-header .searchbar{display: flex;flex-direction: column;gap:0.5rem;} .home .page-header .searchbar h1{color: #73777D; font-size: 0.9rem; font-weight: 400;font-family: Inter, sans-serif;} .home-body .site-container.home{display: flex; flex-direction: column; gap:0.5rem;} .home-body .head-formations {margin-bottom: 5rem} .home-body .head-formations.slider-container .slider{gap: 2%} .home-body .head-formations.slider-container .slider .course-card {margin-bottom:0.2rem;border: 1px solid rgb(233, 234, 237);min-width:250px;} .home-body .head-formations .intro-description {display: flex;justify-content: space-between;} .home-body .head-formations .list-formations {padding-bottom: 2px;} .home .tools{width: 84%;gap:28px;display:flex;justify-content: center;align-items:flex-start;margin:0 auto 4em;box-shadow: none;} .home .tools>a{gap: 15px;flex: 0.1;padding-right: 0;align-items: center;opacity:1;position:relative;background:#fff;display:flex;flex-direction:column;justify-content: center;box-sizing: border-box;} .home .tools>a>div{box-shadow: 0px 0.81px 1.63px 0px rgba(10, 13, 18, 0.05), 0px -1.63px 0px 0px rgba(10, 13, 18, 0.05) inset,0px 0px 0px 0.81px rgba(10, 13, 18, 0.18) inset;opacity:1;overflow:hidden;position:relative;background:#fff;display:flex;flex-direction:column;width:87px;height:87px;justify-content: center;padding:1em;box-sizing: border-box;border: 1px solid #E9EAED; border-radius: 6px} .home .tools>a.private::after{display: none;} .home .tools>a>div *{pointer-events: none;} .home .tools>a>div::before{transition:all .25s;z-index:0;background:#f8f8f7;content:'';display:block;position:absolute;width:0;height:0;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;} .home .tools>a>div>div{z-index:1;top: -15px;left: 0;transform: scale(0.7);position: absolute;width: 0px;height: 72px;margin:0 auto 1em;} .home .tools>a.tool-icon-gpr>div>div{left: -4px} .home .tools>a>div>div canvas{transform: scale(0.7)} .home .tools>a>div>div.tbd{background:pink;} .home .tools>a>h2{text-align: center;z-index:1;color:#000000;margin:0;padding:0;font-size:0.875em;text-transform: none;font-weight: 500;font-family: Inter} .home .tools>a:hover>h2{color: #9E102A} .home .tools>a>p{z-index:1;color:#5a5b5a;margin:0;padding:0 1em 0 0;font-size:0.875rem;} .home .tools>a .new {transition:all .4s;position:absolute;top:0;left:0;background: #17949A;color: white;font-weight:bold;font-size:0.8em;width: 100%;text-align: left;padding: 6px 12px;text-transform: uppercase;} .home .tools>a:hover .new{transform:translateY(-100%);} .home .tools .new-border{padding: 1em;border: 1px solid #17949A;border-radius: 5px;} .home .tools>a.fc{ padding:0;margin : 0;} .home .tools>a>div>div:not(.canvas){width: 100%; height: 100%; position: unset; margin: 0; transform: scale(1)} .home .tools>a.tool-icon-aa>div>div:not(.canvas){background: url("../../includes/components/./2020/styles/../imgs/icon-aa.png") no-repeat center / 69px;} .home .tools>a.tool-icon-gpr>div>div:not(.canvas){background: url("../../includes/components/./2020/styles/../imgs/icon-gpr.png") no-repeat center/ 60px;} .home .tools>a.tool-icon-ee>div>div:not(.canvas){background: url("../../includes/components/./2020/styles/../imgs/icon-ee.png") no-repeat center/ 69px;} .home .tools>a.tool-icon-is>div>div:not(.canvas){background: url("../../includes/components/./2020/styles/../imgs/icon-is.png") no-repeat center/ 69px;} .home .tools>a.tool-icon-sd>div>div:not(.canvas){background: url("../../includes/components/./2020/styles/../imgs/icon-sd.png") no-repeat center/ 51px;} .home .tools>a.tool-icon-vr>div>div:not(.canvas){background: url("../../includes/components/./2020/styles/../imgs/icon-vr.png") no-repeat center/ 64px;} .home .tools>a .b{ text-align: left ; color:white; position: absolute; top: 0px; font-size: 14px; height: 18px ; background: #17949A ; padding:6px; margin : 0; width: 100% } .home .tools>a.fc h2{ padding-left: 1em;} .home .tools>a.fc p{padding-left: 1em;} .started-formations{position: relative;} .started-formations .started-formations-content{display: flex;align-items: center;gap: 1rem; overflow: hidden;} .started-formations .started-formations-content .arrow{width: 24px; height: 24px; background-color: red; position: absolute; z-index: 1; mask: no-repeat center center / 14px url("../../includes/components/./2020/styles/../imgs/icon-arrow-down-red.png"); cursor: pointer} .started-formations .started-formations-content .arrow:hover{background-color: #9E102A} .started-formations .started-formations-content .arrow.right{right: 39px; transform: rotate(-90deg);} .started-formations .started-formations-content .arrow.left{left: 39px; transform: rotate(90deg);} .started-formations .started-formations-content .mobile-arrow{display: none} .started-formations .started-formations-content .started-formations-items{display: flex;gap: 2em;transition: transform 0.5s ease; width: 100%; align-items: stretch} .started-formations .started-formations-content .started-formations-items .card{min-width: calc(50% - 1em); max-width: calc(50% - 1em); position: relative;} .started-formations .started-formations-content .started-formations-items .card .course-card{height: 100%} .home .view_news{margin-top:2em;text-align:center;} .home .view_news .btn{border-radius:10px;} .no-margin-top-add:not(.extra) > .content-gam{margin-top: 21px} .site-container .news{padding: 2em 1.25em; background-color: white} .site-container .news .title_home {display: flex; align-items: center; gap: 16px; padding-bottom: 32px} .site-container .news div.title_home .h2,div.site-container .formation .h2{margin-bottom: 0} div.site-container .formation .h2 {margin-bottom: 32px} .site-container .news div.title_home .h2:hover span, div.site-container .formation .h2:hover span {background-color:#9E102A} .site-container .news div.title_home .h2 span, div.site-container .formation .h2 span{display: inline-block;mask-image:url("../../includes/components/./2020/styles/../imgs/arrow.svg");mask-repeat: no-repeat;mask-position: center;background-color: #31363C;width: 5px;height: 10px;padding:3px;margin-left: 3px} .site-container .news .title_home .h2, .site-container.second .h2, .site-container .formation .h2, .site-container.started-formations .h2 {position: relative;font-size: 30px;color: #31363C;margin-top: 0;font-weight: 600;line-height: 115%;margin-bottom: 0.83em;} .site-container.started-formations .h2{display: flex; align-items: center; gap: 32px} .site-container.started-formations .h2 span.count{background-color: #CC0033; color: white; border-radius: 16px; font-family: Inter; font-weight: 700; font-size: 15px; padding: 0 16px; max-height: 25px; display: inline-flex; align-items: center; justify-content: center} .site-container .news .title_home .h2 span {font-weight: 400;} .site-container .news p {color: #444C62;} .site-container .news-list{display: grid;grid-auto-rows: 1fr;} .home-body .site-container .news {padding:0} .home-body .site-container .news-list {grid-template-columns: repeat(2, 1fr);gap: 1rem} .home-body .site-container .news-list li {margin-bottom: 0; border: none} .home-body .site-container .news-list li:hover a {color:#9E102A} .home-body .site-container .news-list-container .news-list li .news-content .news-title {font-size:18px;margin-top: 4px;} .home-body .site-container .news-list li .news-content .news-summary {font-size: 16px} .home-body .site-container .news-list li .news-head {margin-top: 8px; margin-bottom: 0;} .home-body .site-container .news-list li .news-head .news-date {font-size:14px;font-weight: unset} .home-body .site-container .news-list li .news-content {padding:0; gap:0;} .home-body .site-container .news-list li .news-thumbnail, .home-body .site-container .news-list li .news-thumbnail img {width: 146px;height: 146px;max-height: 146px;max-width: 146px;} .home-body .site-container .news-list li .news-thumbnail {border-radius: 8px;} .site-container .news-list li{padding: 0;margin-bottom: 1.5em;border: 1px solid #E9EAED;align-items: unset} .site-container .news-list li .news-content{justify-content: space-around;padding: 8px 8px 8px 0; gap: 8px; align-self: auto} .site-container .news-list li .news-thumbnail, .site-container .news-list li .news-thumbnail img {max-height: 15.1875rem;max-width: 19.75rem; width: 167px;min-height: 100%; object-fit: cover} .site-container .news-list li .news-content .news-summary {max-height: calc(1em * 2);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 0.875rem;} .home .controls li p{padding:10px;width:calc(100% - 20px);} .home-body .site-container.started-formations{background-color: #FAF2F5; padding-bottom: 40px; padding-top: 40px; margin-bottom: 32px} .home-body .site-container.grey-container{background-color: #F7F7F8;} .home-body .download-app{padding: 60px 96px; display: flex; align-items: center; gap: 260px; position: relative; overflow: hidden; width: 100%; margin: 16px auto; box-sizing: border-box;} .home-body .download-app .download-app-img{width: 323px; min-height: 530px} .home-body .download-app .download-app-img img{width: 323px; position: absolute; top: 60px} .home-body .download-app .download-app-content{display: flex; flex-direction: column; gap: 40px;line-height: 150%;} .home-body .download-app .download-app-content h2{margin: 0} .home-body .download-app .icon-store{display: flex; gap: 20px} .home-body .download-app .download-app-qr img{width: 177px; height: 177px} .home .extra{} .home .extra .block{} .home .extra .block.special{position:relative;color:#fff;display: flex;flex-direction: column;background: transparent linear-gradient(149deg, #C0273E 0%, #FE2B6A 100%) 0 0 no-repeat padding-box;box-shadow: 0 10px 20px #fe2b6a;border-radius: 10px;padding: 20px 15px 15px;border:none;} .home .extra .block.special::before{box-shadow:0 2px 3px rgba(255, 255, 255, .3);position:absolute;display:block;content:'';width:42px;height:42px;transform: translate(-50%, -50%);left:50%;top:0;border-radius:50%;background:#fff url("../../includes/components/./2020/styles/../imgs/icon-mask.png") no-repeat center center;} .home .extra .block.special .h3{color:#fff;padding-top:0.5em;margin:0;flex:0 0 auto;text-align: center;font-size:0.9em;font-weight:bold;text-transform: uppercase;} .home .extra .block.special ul{flex:1 1 auto;} .home .extra .block.special ul li{margin:0.5em 0 0;} .home .extra .block.special ul li a{display:flex;align-items:center;height:65px;background:#fff;padding:0 10px 0 110px;color:#5A5A5A;font-weight: bold;text-decoration: underline;border-radius:4px;overflow:hidden;line-height: 1.1;margin:0;border:none;} .home .extra .block.special ul li.news a{background-image:url(https://vidalactus.vidal.fr/public/images/actus/COVID-19-vaccin-MODERNA-ARNm-disponible-France_resultat.jpg);background-repeat:no-repeat;background-size:100px auto;background-position: left center;} .home .extra .block.special ul li.live a{background-image:url("../../includes/components/./2020/styles/../imgs/icon-live.png");background-repeat:no-repeat;background-size:100px auto;background-position: left center;} .home .extra .block.special ul li.maladie a{padding-left:70px;position:relative;} .home .extra .block.special ul li.maladie a::before{position:absolute;display:block;content:'';width:50px;height:50px;box-shadow: 0 1px 3px #1A76DD;background:#fff url("../../includes/components/./2020/styles/../imgs/icon-patient.png") no-repeat center center;background-size:35px auto;border-radius: 50%;top:50%;left:10px;transform: translateY(-50%);} .home .extra .block.feedback .next, .home .extra .block.feedback .previous{width:9px;height:15px;background:url("../../includes/components/./2020/styles/../imgs/icon-next.png") no-repeat;} .home .extra .block.feedback .next{right:0;transform: rotate(0deg);} .home .extra .block.feedback .previous{left:0;transform:rotate(180deg);} .home .extra .block.feedback .diaporama{box-shadow:none;margin:0.5em 0 0;} .home .extra .block.feedback ul.viewer{margin:0 1em;} .home .extra .block.feedback ul.viewer li{} .home .extra .block.feedback ul.viewer li .card{display:flex;align-items: start;} .home .extra .block.feedback ul.viewer li .card img{max-width:55px;margin-right:1em;flex:0 0 auto;} .home .extra .block.feedback ul.viewer li .card .details{} .home .extra .block.feedback ul.viewer li .card .details .text{background: #F4F6FC;padding:5px; word-break: break-all; height: 100px; width: 250px;} .home .extra .block.feedback ul.viewer li .card .details .author{font: Italic 10px/13px Inter;} .home .extra .block.feedback ul.viewer li .card .details a{font: Bold 13px/15px Inter;border:none;padding:0;text-align: right;display:block;text-decoration:underline;} .site-container.second{margin:0 auto;display:flex;padding: 60px 96px;} .site-container.content{margin-top:3em;display: flex;position: relative;} .site-container.content .main{border:solid 1px #CECED4;padding:4em 8em;margin: 0em 9em 6em 0;line-height: 1.5em;background-color: #FFF;z-index: 2;} .site-container.content .extra{z-index: 2} .site-container.content .main h2{font-size:2em;margin:1em 0 2em;} .site-container.omniture{display:flex;justify-content: space-between;padding-top: 4em;padding-bottom: 6em;z-index: 2;} .site-container.omniture>div{width:30%;} .connect-links{display:flex;flex-direction: row;gap:.6em;justify-content: left; flex-wrap: wrap;} .banner{display: flex; flex-direction: row; gap: 1em;margin:32px auto;width: 100%;justify-content: center;transition: opacity 1s, max-height 1s; max-height: 200px; overflow: hidden;} .banner.closed{max-height: 0; opacity: 0; margin: 16px auto} .banner .content-banner {margin: 0; flex: none;order: 1;flex-grow: 0;padding: 0.25em 0em;flex-shrink: 1;} .banner .content-banner p {margin: 0; } .banner .content-banner a {color:#C0273E;font-weight: bold;} .banner .tag-banner{text-transform:uppercase;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 0.25em 0.75em;background: #E7F5EA;color: #417650;flex: none;order: 0;flex-grow: 0;font-weight: bold; align-self: center;} .banner .close-banner{width: 3em; height: 1em; order: 2;cursor: pointer;position: relative;align-self: center;} .banner .close-banner:before,.banner .close-banner:after{content:'';display: block;border-bottom: 1px solid #C0273E;position: absolute;transform: translate(0.25em, -1em) rotate(45deg);height: 1em;width: 1em;top: 50%;} .banner .close-banner:after{ transform: translate(0.25em, -0.25em) rotate(135deg);} .banner .content-banner a:hover,.banner .close-banner:hover:before,.banner .close-banner:hover:after{color:#973E4CFF;border-color:#973E4CFF;} .home-body .head-formations .card-image {width: 100%;height: 160px;margin: 0 auto;} @media screen and (max-width: 1919px) { .started-formations .started-formations-content .arrow.right{right: 1em;} .started-formations .started-formations-content .arrow.left{left: 1em;} } @media screen and (max-width: 1740px){ .site-container.content .main {margin: 0 4em 6em 0;} .home .main.news {padding: 2.5em} } .site-container.content.service_down:before{display:none;content:none;} .service_down .block_nf .button-primary{display:none;} @media screen and (max-width: 1430px) { .home .news-list li .news-thumbnail, .home .news-list li .news-thumbnail img {max-height: 160px} .home .news-list li .news-content {gap: 0.25rem; padding: 0.75em;} .home .news-list li .news-content .news-summary {-webkit-line-clamp: 2;} .site-container.content .main {padding: 3em 4em} .home-body .site-container .news-list {grid-template-columns: repeat(1, 1fr)} } @media screen and (max-width: 1270px) { .home .page-header {width: 80%} .home .main.news {flex-direction: column;gap:1rem;} .home .main.comments { padding-bottom: 0; margin-bottom: 0; } .home .main.comments ul li{width: 90%;} .home .main.comments ul li:not(:nth-last-child(-n+1)) {border-bottom: 1px solid #E9EAED;} .home .main.news .button-tertiary {margin: 30px auto;} .home .news-list li .news-content .news-summary {-webkit-line-clamp: 3;} .site-container.content .main{margin:3em auto;} .site-container.content .extra {margin-top: 0;} } @media screen and (max-width: 1165px) { .site-container.home>.content{flex-direction: column} .site-container.home>.content .extra{display:flex;flex-direction: row;margin:1em 0;width:100%;justify-content: center;overflow: hidden;} .home .extra .block.special{flex: 0 0 auto;margin-right:1em;margin-bottom:0;} .home .extra .block.feedback{flex: 1 1 auto;} .site-container.content .main{margin-right:0;} div.extra-menu-widget .links>div {width: 100%; margin-right: 0;} } @media screen and (max-width: 950px) { .home .page-header h1 {text-align: center;} .site-container.content .main{margin:1em auto;} .home .tools{width:100%;flex-wrap: wrap; gap: 8px;margin:0;align-items: start; padding-bottom: 32px} .home .tools>a{flex: 0 0 25%;height:auto;padding:0.5em;box-sizing: border-box;position:relative;} .home .tools>a>h4{margin-top:1.5em;} .home .tools>a>div{width: 96px;height: 96px;} .home .tools>a>p{padding:0.5em 0;} .home .tools>a .new{width :auto;} .home div.tools>a:hover>div::before{width:12px;height:12px;} .home .tools>a.fc h2{ padding-top: 2.5em } .home .tools>a.fc div canvas{ width:100px ; padding-top: 1em } .home .tools>a.fc p{ padding: 0.5em ;} .home .tools>a.tool-icon-aa>div>div:not(.canvas){background-size: 76px} .home .tools>a.tool-icon-gpr>div>div:not(.canvas){background-size: 69px;} .home .tools>a.tool-icon-ee>div>div:not(.canvas){background-size: 76px;} .home .tools>a.tool-icon-is>div>div:not(.canvas){background-size: 76px;} .home .tools>a.tool-icon-sd>div>div:not(.canvas){background-size: 63px;} .home .tools>a.tool-icon-vr>div>div:not(.canvas){background-size: 75px;} .home .controls{flex-direction: row;width:100%;flex-wrap: nowrap;overflow: hidden;margin-top:1em;} .home-body .site-container.content .main .content-text p{font-size:0.8em} .started-formations .started-formations-content{flex-direction: column} .started-formations div.started-formations-content div.arrow{display: none !important;} .started-formations .started-formations-content .started-formations-items{flex-wrap: wrap; transform: none!important;} .started-formations .started-formations-content .started-formations-items .card{width: 100%; min-width: 100%} .started-formations .started-formations-content:not(.open) .card:nth-child(n+3){display: none} .started-formations .started-formations-content .mobile-arrow{display: flex; width: 100%; justify-content: flex-end; align-items: center;gap: 4px; color: #CC0033; font-weight: 600; font-size: 14px } .started-formations .started-formations-content .mobile-arrow::after{display: inline-block;content:''; width: 24px; height: 24px; background-color: #CC0033; mask: no-repeat center center / 14px url("../../includes/components/./2020/styles/../imgs/icon-arrow-down-red.png");} .started-formations .started-formations-content .mobile-arrow:hover::after{background-color: #9E102A} .started-formations .started-formations-content.open .mobile-arrow::after{transform: rotate(-180deg)} .site-container .before-news{margin-top: calc(2em + 41px)} .home .main.news {padding: 1.25em;margin: 0 -1.25em} .home .main.news .title_home .h2 {margin-top: 0;} .home .main.news .news-list li {flex-direction: row-reverse;padding: 12px;gap:0.75rem;} .home .news-list li .news-content {padding: 0;} .home .news-list li .news-content .news-summary {-webkit-line-clamp: 2;} .home .news-list li .news-thumbnail, .home .news-list li .news-thumbnail img {width: 80px; height: 80px; object-fit: cover;} .banner{flex-wrap:wrap;position:relative;} .banner .close-banner{position:absolute;right:0;top:0;} .home .main.comments ul{padding: 0; margin: 0;} .home .main.comments {margin-top: 15px; padding: 0;} .home .main.comments .title_home { padding: 3em 20px 0;} .home .main.comments .comment_header_profession {margin-left: 0;} .site-container.second>div{width:100%;} .site-container.second, .site-container.content, .site-container.omniture {flex-direction: column;} div.site-container.second{padding: 10px} .site-container.content {margin: 0;} .site-container.content .main {padding: 1.8em 1.3em;} .site-container .campus-news{display: block;} .site-container .campus-news>div:first-of-type{width: 100%} .site-container .campus-news>div:last-of-type{width: 100%} .site-container .news-list li{border-radius: 4px; margin-bottom: 0.875em;} .site-container .news-list li .news-head{font-size: 0.625em; margin-bottom: 8px} .site-container .news-list li .news-content{gap: 0} .site-container .news-list li .news-content .news-title{font-size: 0.875em} .site-container .news-list li .news-content .news-summary{display: none} .site-container .news-list li .news-thumbnail, .site-container .news-list li .news-thumbnail img{width: 83px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;} .site-container.content .main .content-text img {display: block; margin: 0 auto;padding-bottom: 1em; } .site-container.omniture {padding: 2em 1em;font-size:0.8em} .site-container.omniture>div{width:100%;margin-bottom:1em;} .site-container.omniture>div h2 {margin-bottom:1.5em;} div.extra-menu-widget .links{margin-top:2em;font-size:0.8em} div.extra-menu-widget .links>div .h4{padding : 0} div.extra-menu-widget.gp-extmenu .links ul{padding-left:0;} div.extra-menu-widget.gp-extmenu div.extmenu-content ul li {margin: 12px 0;} div.extra-menu-widget.gp-extmenu div.extmenu-content ul li:last-of-type {margin-bottom: 0;} div.extra-menu-widget .links>div{width: 100% !important; margin-right: 0;} div.extmenu-header{flex-direction: column} .home-body .site-container.content .main {margin: 16px 20px;} .home-body .main .content-text{padding: 0} .home-body .download-app{flex-direction: column-reverse; gap: 40px; margin: 16px 0;padding: 16px;} .home-body .download-app .download-app-img{ min-height: 340px} .home-body .download-app .download-app-img img{top: unset; bottom: -50px; width: 192px; left: 0;right: 0;margin: 0 auto;} .home-body .download-app .icon-store img{width: 86px; height: 28px} .home-body .download-app .download-app-qr img{width: 102px; height: 102px} .site-container .news .title_home .h2, .site-container.second .h2, .site-container .formation .h2, .site-container.started-formations .h2{font-size: 1.375em} .site-container.started-formations .h2{gap: 15px} .site-container.started-formations .h2 span.count{border-radius: 10px; font-size: 9px; padding: 0 10px; max-height: 15px;} .site-container .before-news{min-height: 32px;} .home-body .head-formations.slider-container .slider .course-card {margin-right: 5rem;margin-left: 0;} .home-body .site-container .news-list li .news-thumbnail {width:unset} .home-body .head-formations {margin-bottom: 2rem} .site-container .news div.title_home .h2 span, div.site-container .formation .h2 span {width: 3px;height: 8px;} } @media screen and (max-width: 728px) { .home .page-header {padding: 3em 0;width: 100%} .home .page-header .searchbar form button {padding: 0 1em;} .home .page-header .searchbar form button span {display: none;} .home .page-header .searchbar form button img {margin-right: 0;} .home .main.news .title_home {width: 100%; margin-right: 0;} .home .main.news .button-tertiary {margin: 20px auto;width: unset;} .home .news-list li .news-content .news-summary {display: none;} .home .main.comments ul .comment_header{padding-left: 0;} div.extra-menu-widget.gp-extmenu .links{flex-direction:column;} div.extra-menu-widget .links>div {width: 100%; margin-right: 0;} .connect-links .button-primary{width:114px} .connect-links .button-tertiary{width:95px} } @media screen and (max-width: 730px) { .home .tools>a.fc div canvas{ width:90px ; padding-top: 2em } } @media screen and (max-width: 550px) { .home-body .head-formations {padding:0;} .home-body .head-formations.slider-container .slider .course-card {min-width: 350px;margin-right: 3rem;} } @media screen and (max-width: 500px) { .site-container.head-formations .intro-description img, .site-container .news .title_home img {width: 2.813em} } @media screen and (max-width: 450px) { .home-body .head-formations.slider-container .slider .course-card {min-width: 300px;margin-right: 1rem;} } @media screen and (max-width: 375px) { .home-body .head-formations.slider-container .slider .course-card {margin-right: 0.5rem} } @media (hover: hover) { .home .tools>a:hover>div::before{transform:translate(-50%, -50%) scale(12, 12);width:10px;height:10px;} } @media not (hover: hover) { .home .tools>a:hover{background-color:#f8f8f7;} } .main_comment{ margin-top: 1.75em; box-sizing: content-box; } .comment_section { width: 100%; } .add_comment_section{ display: flex; align-items: flex-start; } .comment_avatar{ border-radius: 50%; height: 45px; transform: translateY(10px); } .add_comment{ width: 100%; margin:0 auto; } .add_comment > span { font-size: 0.8em; font-weight: 500; } .comment_add_text{ width: 100%; } a.comment_link:hover{ font-weight: 700; } .add_comment a.cke_button, .comments_list a.cke_button { width: 20px;height: 18px;padding: 7px 6px;margin-right: 12px; } .add_comment a.cke_button_disabled, .comments_list a.cke_button_disabled { border: 1px solid #E9EAED; background-color: #FFF; color: #73777D; } .add_comment a.cke_button_off, .comments_list a.cke_button_off { border: 1px solid #FAE6EB; background-color: #FFF; color: #CC0033; } .add_comment a.cke_button_off:hover, .add_comment a.cke_button_on, .comments_list a.cke_button_off:hover, .comments_list a.cke_button_on { cursor: pointer;width: 20px;height: 18px;padding: 7px 6px;border: 1px solid #FAE6EB !important;background-color: #FAF2F5 !important;color: #9E102A; } .add_comment a.cke_button_disabled:hover, .comments_list a.cke_button_disabled:hover { width: 20px;height: 18px;padding: 7px 6px;border: 1px solid #E9EAED;background-color: #FFF; } .comment_submit{ padding: 10px 20px; background-color: #c70036; color: white; font-size: .8em; border: none; border-radius: 8px; font-weight: bold; cursor: not-allowed; min-width: 111.11px; display: none; } .comment_submit:focus{ outline:none; } .comment_submit_container{ transform: translate(565px,-70px); display: none; } #cke_inp_comment_add_text{ border-radius: 8px; overflow: hidden; height:40px; min-height:40px; } #cke_1_resizer{ display: none; } .comment_username{ padding: 8px 0px; border: 0px; font-size: .9em; color: #c70036; font-weight: bold; background-color: transparent; margin-left: 5px; } .comment_username:focus{ outline: none; background-color: #FFFFFF; border: 1px solid lightgrey; border-radius: 8px; } .comment_username_container{ transform: translate(100px,-39px); width: 500px; display:none; align-items: center; } /* Tooltip text */ .input .tooltiptext { visibility: hidden; width: 150px !important; background-color: #555; color: #fff; text-align: center !important; padding: 5px 0 !important; border-radius: 6px !important; position: absolute !important; z-index: 1 !important; bottom: 125% !important; margin-left: -60px !important; opacity: 0; transition: opacity 0.3s !important; font-size: .9em; } .input .tooltiptext::after { content: ""; position: absolute !important; top: 100% !important; left: 50% !important; margin-left: -5px !important; border-width: 5px !important; border-style: solid !important; border-color: #555 transparent transparent transparent !important; } .input:hover .tooltiptext { visibility: visible !important; opacity: 1 !important; } .comment_dabox_header{ background-color: #c0273e; height: 40px; } .comment_dabox_content{ padding: 20px; max-width: 600px; text-align: center; background-color: #FFFFFF; } .comment_dabox_btn_group { text-align: center; padding: 20px 0; } .comment_as{ font-size: .8em; font-style: italic; color: #505050; } .comment_load_insert{ width: 28px; height: 30px; transform: translate(-240%,8%); } label[for=inp_comment_add_username]{ display: none; } .sort_comment_section{ padding: 30px 25px 12px 25px; margin-left: 10px; border-bottom: 1px solid #F0F0F0; font-size: .8em; font-weight: bold; width: 30%; cursor: pointer; } .sort_comment_dropdown{ display: flex; } .sort_comment_img{ width: 20px; transform: translateY(-10%); margin-left: 10px; } .comment_sort_options{ box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.2); margin-top: 5px; } .comment_sort_option{ display: block; padding: 8px 5px; } .comment_sort_option:hover{ background-color: #e6f5ff; } .comment_hide{ display: none; } .comments_list{ padding: 12px; } .comment_list_item{ display: flex; margin: 13px 0; width: 100%; } .comment_level{ display:flex;flex-direction: column; } .comment_list_item .comment_level .comment_plus_minus{ flex:0 0 auto; width: 20px; height:20px; cursor: pointer; margin-top: 7px; -webkit-mask-image: var(--icon-unfold); mask-image: var(--icon-unfold); background-color: #CC0033; background-size: contain; transform: rotate(270deg); display: inline-block; } .comment_list_item .comment_level .comment_plus_minus.open{ transform: initial; background-color: #9E102A; } .comment_content{ margin: 12px 0 12px 10px; } .comment_header{ display: flex; justify-content: flex-start; align-items: center; font-size: .8em; } .comment_header_avatar{ width:35px; height: 35px; position:relative; border-radius: 50%; overflow: hidden; } .comment_header_img{ width: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); } .comment_header_user{ margin-left: 12px; color: #2B2F4A; font-weight: bold; font-size: initial; cursor: auto; } .comment_header_profession{ margin-left: 12px; padding: 6.5px 12px; background-color: #F7F7F8; border: 1px solid #E9EAED; font-weight: bold; text-transform: uppercase; } .comment_header_date{ margin-left: 12px; color: var(--text-secondary); font-size: 1.1em; } .comment_header_responses{ margin-left: 12px; color: var(--text-tertiary); font-size: 1.1em; } .comment_section.open .comment_text{ padding: 4px 32px; line-height: 150%; } .comment_interact{ display: flex; margin-left: 32px; font-size: 14px; } .comment_interact a{ text-decoration: none; color: var(--text-tertiary); font-weight: 600; margin-right: 1.4em; } .comment_moderator.comment_interact {background-color: #FAF2F5; padding: 0.5em;margin-top: 12px;} .comment_moderator.comment_interact a {color: var(--brand-main);} .comment_moderator.comment_interact a:hover {color: var(--accent-dark);} .comment_moderator.comment_interact .comment_interact_element {display: flex; align-items: center;width: 100%; justify-content: space-between;} .comment_moderator.comment_interact .comment_interact_element > div {display: flex;} .comment_interact label{ font-size: .9em; display: flex; align-items: center; margin-right: 1.4em; } .comment_thumbs{ width: 17px; height: 17px; transform: translateY(15%); cursor: pointer; } .comment_vote{ font-size: .8em; font-weight: bold; transform: translateY(-2%); } .comment_positive_votes{ color: #009900; padding: 5px 8px 5px 0px; } .comment_negative_votes{ color: #ff531a; padding: 5px 8px 5px 2px; } .comment_vote_filled{ opacity: 1; } .comment_vote_empty{ opacity: 0.2; } .comment_share_container{ background-color: #FFFFFF; box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.2); min-width: 110px; text-align: center; color: #989898; border-radius: 8px; transform: translate(-25%, 5%); position: absolute; z-index: 1; } .comment_share_option{ display: flex; align-items: center; padding: 7px 0px; border-bottom: 1px solid lightgrey; cursor: pointer } .comment_share_option:hover{ background-color: #e6f5ff; } .comment_interact_element{ min-width: 70px; cursor: pointer !important; } .comment_interact_element.comment_report{width:auto;margin-right:10px;} .comment_social_icon{ opacity: 0.5; width: 19px; padding-left: 3%; } .comment_share_option_title{ padding-left:10%; font-size: .8em; color: inherit; font-weight: bold; } .comment_share_option_title:hover{ background-color: transparent !important; } .comment_response_item{ transform: translateX(3%); } .response_submit_input{ display: flex; align-items: center; position: relative; left: 24%; transform: translateY(-180%); } .cke .cke_reset_all .response_submit{ color: white; border: none; border-radius: 2px; font: 400 14px Inter, sans-serif;; cursor: initial; box-sizing: border-box; min-width: 106px; display: flex; align-items: center; justify-content: center; background: #CC0033 url("../../includes/components/./comments/front/css/../../../2020/imgs/icon-check.png") no-repeat 8px center; } .cke .cke_reset_all .response_submit:hover {background-color: #9E102A;} .cke .cke_reset_all .response_submit.disabled{ background: #ECECEE url("../../includes/components/./comments/front/css/../../../2020/imgs/icon-check-grey.png") no-repeat 8px center; color: var(--text-tertiary); } .cke .cke_reset_all.cke_bottom{padding:8px 12px;font-size: 14px;background-color: #F7F7F8;} .response_submit:focus{ outline: none; } .cke .cke_reset_all.cke_bottom .cke_toolbox { min-width: 140px; } .response_comment_as{ font-size: 1em !important; font-style: italic !important; color: #505050 !important; } .response_username:hover{background:transparent url("../../includes/components/./comments/front/css/../../../2020/imgs/icon-edit.png") no-repeat right center; background-size:20px 20px;} .response_username{ padding: 8px 3px !important; border: solid 1px transparent !important; color: #417650 !important; font-weight: bold !important; background-color: transparent; margin-left: 2px !important; font-style: italic; } .response_username:focus{ outline: none; background: #FFFFFF; border: 1px solid lightgrey; border-radius: 8px; } .test_com{ width: 85% !important; position: relative; } .test_com:last-of-type { margin-left: auto; } .response_load_insert{ width: 28px !important; height: 30px !important; } .load_more{ color: #c70036; font-weight: bold; font-size: .8em; cursor: pointer; } .load_more_comments{ margin-left: 10px; padding: 20px; } .load_more_resp{ padding: 10px 0; } .load_more:hover{ text-decoration: underline; } .tooltip_report {display:inline-block;position:relative;text-align:left;} .tooltip_report .bottom { min-width:300px; top:30px; left:35%; transform:translate(-50%, 0); padding:10px; color:#666666; background-color:#EEEEEE; font-weight:normal; border-radius:8px; position:absolute; z-index:99999999; box-sizing:border-box; box-shadow:0 1px 8px rgba(0,0,0,0.5); } .tooltip_report .bottom i { position:absolute;bottom:100%;left:50%;margin-left:-12px;width:24px;height:12px;overflow:hidden;} .tooltip_report .bottom i::after {content:'';position:absolute;width:12px;height:12px;left:50%;transform:translate(-50%,50%) rotate(45deg);background-color:#EEEEEE; box-shadow:0 1px 8px rgba(0,0,0,0.5); } .report_btn_group{ text-align: center; } .report_btn{ padding: 5px 20px; background-color: transparent; border-radius: 8px; cursor: pointer; border: 2px solid lightgrey; font-size: .7em; font-weight: bold; color:#666666; } .report_btn:hover{ outline: none; } .comment_juridic{ font-size: 0.75em; line-height: 150%; } .comment_juridic a{ color: #CC0033; font-weight: 600; } .comment_section>.comment_content>.comment_text, .comment_section>.comment_list_item{font-size: 14px;height:0;overflow:hidden;margin:0} .comment_section.open>.comment_content>.comment_text, .comment_section.open>.comment_content>.comment_interact, .comment_section.open>.comment_list_item{height:auto;overflow:initial;line-height:normal;} .save_response_link{ background: #CC0033 url("../../includes/components/./comments/front/css/../../../2020/imgs/icon-check.png") no-repeat 8px center; border: none; border-radius: 2px; box-sizing: border-box; padding: 0.75em 0.75em 0.75em 3em; color: white; margin-left: 5px; font-size: .8em; cursor: pointer; } input[type="checkbox"] {display:none;} input[type="checkbox"] + label::before {content:"";display:inline-block;width:14px;height:14px;border: solid 1px #CECED4;margin-right: 0.6em;border-radius: 3px} input[type="checkbox"]:checked + label::before{width:16px;height:16px;background:url("../../includes/components/./comments/front/css/../../../2020/imgs/icon-checkbox.png") no-repeat left center;border: none;} .comment_text_disable{ width:80%; margin:auto; } .comment_text_disable p:first-of-type{ background-color: #e8295a; border-radius: 5px 5px 0 0; color: white; } .comment_text_disable p{ border:1px solid #e8295a; padding: 10px; margin: 0; } @media screen and (max-width: 1919px) { .cke .cke_reset_all.cke_bottom {flex-wrap: wrap;} .cke .cke_reset_all.cke_bottom span:nth-of-type(5) {order: 2;width: 50%; justify-content: flex-end;} .cke .cke_reset_all.cke_bottom .cke_wordcount {order: 3;} .cke .cke_reset_all.cke_bottom span:nth-of-type(4) {order: 4;} .cke .cke_reset_all.cke_bottom .cke_toolbox {width: 50%;} .comments_list .cke .cke_reset_all.cke_bottom span:nth-of-type(4) {order: 2;width: 50%; justify-content: flex-end;} .comments_list .cke .cke_reset_all.cke_bottom span:nth-of-type(3) {order: 4;} } @media screen and (max-width: 950px) { .comment_header_date, .comment_header_responses{display:none;} .comments_list{padding:0;margin-left:0;} .sort_comment_section{padding:1em 0;} .add_comment{width:100%;} span.response_comment_as+.input>input{width: 100%;box-sizing: border-box;margin-right:0.5em;} span#cke_1_bottom{padding:0.5em;} } @media screen and (max-width: 500px) { .comment_interact_element.comment_report{order: 6;} .comment_interact {flex-wrap: wrap;} }