/* Teams app */
:root{--background-color: #f0f9fa;--box-color: #fff;--text-color: #000;--primary: #10a0cb;--secondary: #4bc05c;--gradient: linear-gradient(45deg, #4bc05c, #10cba0, #10a0cb);--gradient1: linear-gradient(45deg, rgba(75,192,92,.5), rgba(16,203,160,.5), rgba(16,160,203,.5));--radius: 20px;--margin: 1em;--box-shadow: 0 2px 2px 0 rgb(0,0,0,.1);--box-shadow-l: 1px 2px 2px 1px rgb(0,0,0,.1);--box-shadow-xl: 0 20px 20px 20px rgb(0,0,0,.1);--easing: cubic-bezier(0, 0, .2, 1);--green-to-blue: linear-gradient(45deg, #10cba0, #10a0cb);--green-to-green: linear-gradient(45deg, #4bc05c, #10cba0);--blue-to-blue: linear-gradient(45deg, #10a0cb, #49c8f0);--blue-to-green: linear-gradient(45deg, #10a0cb, #10cba0);--lightblue: #49c8f0;--lightgreen: #4bc05c;--inverted-gradient: linear-gradient(-45deg, #4bc05c, #10cba0, #10a0cb );--transparent-inverted-gradient: linear-gradient(45deg,rgba(240, 249, 250, .6), rgba(240, 249, 250, .6) )}body{width:100%;height:100%;font-family:Realist,sans-serif;background:var(--background-color);margin:0;padding:0;overflow-x:hidden;overscroll-behavior:contain}*:focus:not(.focus-visible){outline:none}.text-gradient{background-image:linear-gradient(60deg,#00c389 5%,#009cc3 20%,#000 75%);background-position:bottom left;background-size:400% 300%;-webkit-background-clip:text;background-clip:text;color:#000!important;-webkit-text-fill-color:transparent;text-fill-color:transparent;text-shadow:0px 0px #00000000;-webkit-box-decoration-break:clone}a{color:#10a0cb;text-decoration:none;transition:all .15s cubic-bezier(0,0,.2,1)}a:hover{color:#10a0cb}.hidden{display:none}.simplebar-scrollbar:before{background:var(--gradient)!important}.toLeft{animation:toLeft .25s var(--easing)}.toRight{animation:toRight .25s var(--easing)}@keyframes toLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.box{background:var(--box-color);box-shadow:0 2px 2px #0000001a}.rounded{border-radius:20px}.rectangle-slide{width:350px;height:60px;padding:10px;border-radius:20px;margin-right:25px;background:var(--box-color)}.rectangle-slide-thumb{width:70px;height:70px}.rectangle-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:25px;gap:25px;padding:25px;max-width:1200px}.rectangle-card{position:relative;min-width:350px;width:350px;height:70px}.rectangle-card .rectangle-card-content{position:absolute;left:0;right:0;top:0;bottom:0;animation:fadeIn .15s cubic-bezier(0,0,.2,1)}.rectangle-card-center{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:left;text-align:center}.rectangle-card-thumb{border-radius:20px 0 0 20px;min-width:110px;margin-right:10px;height:100%;background:#10cba0}.rectangle-card-title{font-size:17px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;padding:20px}.quote{font-size:.9em;padding:0 25px;border-left:2px solid #10cba0;margin:25px 0;font-style:italic;line-height:1.3em;max-width:1200px}.quote a{font-style:normal}.round-cta{color:#fff;width:51px;height:51px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .15s cubic-bezier(0,0,.2,1)}.share-button{cursor:pointer;background:url(/baseline_share_white_24dp.png) no-repeat center,var(--green-to-green)}.share-button:hover{background:url(/baseline_share_white_24dp.png) no-repeat center,var(--green-to-green)}.edit-button{background:url(/baseline_create_white_24dp.png) no-repeat center,var(--green-to-green)}.edit-button:hover{background:url(/baseline_create_white_24dp.png) no-repeat center,var(--green-to-green)}.know-more-button{display:flex;align-items:center;background:var(--green-to-green)}.know-more-button span{margin:10px 20px}.cta{display:flex;flex-direction:row;gap:15px;row-gap:15px;}.rectangle-cta,.rectangle-cta:hover{color:#fff}.static-gradient{background-image:var(--inverted-gradient);background-attachment:fixed;background-size:200%;color:#fff}.feature-image{max-width:70%;height:auto;background:var(--background-color) url(./spinner.svg) no-repeat 50% center!important;background-size:auto auto;animation:fadeIn .15s cubic-bezier(0,0,.2,1)}ul.video-list{display:flexbox;display:flex;justify-content:left;flex-wrap:wrap;list-style:none;padding:0}figure.box.rounded{overflow:hidden;background-size:101%}li.video{flex-grow:1;position:relative;flex-basis:400px;min-width:400px;max-width:600px;overflow:hidden;border:solid .2em transparent}@media screen and (max-width: 800px){.cta{margin:0}.rectangle-card{width:90%!important;min-width:100px!important;height:80px!important;margin:0!important;padding:0!important}.rectangle-card-thumb{background-size:120%!important}.rectangle-card-title{padding:20px}.video-grid.front-page{max-width:100%;margin:0;padding:0}ul.video-list{margin:0;padding:0}li.video{flex-grow:1;position:relative;overflow:hidden;width:100%;border:none;flex-basis:200px;min-width:200px;max-width:100%}li.video{flex-grow:1;position:relative;overflow:hidden;border:solid .2em transparent}li.video figure{width:100%;height:auto;padding:0;margin:0 0 20px}.rectangle-cards-container{padding:0;margin:50px 0}.rectangle-card{width:100%;height:60px;margin:0;padding:0}}li.video a{outline:none}li.video figure{display:block;position:relative;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover}li.video figure img{display:block;max-width:100%;height:auto;opacity:0;transition:all .25s cubic-bezier(0,0,.2,1)}li.video figure figcaption{position:absolute;bottom:0;width:100%;background:var(--box-color);color:var(--color);opacity:1;transition:all .25s cubic-bezier(0,0,.2,1);padding: 12px 25px;display:flex;justify-content:space-between;align-items:center}li.video:hover figure figcaption{opacity:0}li.video figure figcaption img{opacity:1;display:inline}li.video:hover:before{background-color:#0000004d}.card.svelte-lfs3bt.svelte-lfs3bt{position:relative;margin:0;padding:.5em .5em .5em 6em;border-bottom:1px solid #eee;border-radius:4px;min-height:5em;cursor:pointer}.card.svelte-lfs3bt.svelte-lfs3bt:hover{background:rgba(0,0,0,.05)}.card.svelte-lfs3bt:hover h2.svelte-lfs3bt{transform:translate(4px)}.card.svelte-lfs3bt:hover p.svelte-lfs3bt{transform:translate(12px)}.card.svelte-lfs3bt.svelte-lfs3bt:after{clear:both;display:block}.picture.svelte-lfs3bt.svelte-lfs3bt{position:absolute;width:4.5em;height:4.5em;left:1em;top:.6em;border-radius:50%;background-size:170%!important;background-position:50% 50%!important}h2.svelte-lfs3bt.svelte-lfs3bt{margin:15px 0 .5em 10px;font-size:16px;transition:transform .4s cubic-bezier(0,0,.2,1)}p.svelte-lfs3bt.svelte-lfs3bt{margin:0 10px;font-size:14px;transform:translate(0);transition:transform .4s cubic-bezier(0,0,.2,1)}.topBar.svelte-1e9egdv.svelte-1e9egdv{background:var(--gradient);box-shadow:var(--box-shadow);border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;padding:10px;margin:calc(var(--margin)) calc(var(--margin)) 0 calc(var(--margin))}.search.svelte-1e9egdv.svelte-1e9egdv{position:absolute;border:2px solid rgba(255,255,255,0);width:600px;padding:7px 7px 7px 40px;border-radius:14px;background:url(/outline_search_white_24dp.png) no-repeat 9px center;color:#fff;outline:none;transition:all .8s cubic-bezier(0,0,.2,1);z-index:4}.search.svelte-1e9egdv.svelte-1e9egdv::placeholder{color:#fff;opacity:1;transition:all .4s cubic-bezier(0,0,.2,1)}.search.svelte-1e9egdv.svelte-1e9egdv:focus{border:2px solid rgba(255,255,255,1)}.search.svelte-1e9egdv.svelte-1e9egdv:focus::placeholder{opacity:0;transform:translate(-7px)}.configuration.svelte-1e9egdv.svelte-1e9egdv{max-height:33px;text-align:right;padding-right:10px}.configuration.svelte-1e9egdv button.svelte-1e9egdv{padding:4px;background:none;outline:none;border:none}.searchPanel.svelte-1e9egdv.svelte-1e9egdv{position:absolute;top:62px;left:40px;width:625px;box-shadow:var(--box-shadow-xl);background:var(--box-color);color:var(--color);z-index:4;max-height:80vh;overflow-y:scroll;padding:20px 0 120px}.searchPanel.svelte-1e9egdv span.svelte-1e9egdv{margin:1em;font-weight:700}hr.svelte-1e9egdv.svelte-1e9egdv{border:0;height:1px;background:#eee}.closeButton.svelte-1e9egdv.svelte-1e9egdv{background:none;border:none;position:absolute;top:15px;right:20px;font-size:1.2em;cursor:pointer;color:var(--color);z-index:13}.aboutIcon.svelte-1e9egdv.svelte-1e9egdv{height:24px;width:auto}hr.svelte-1e9egdv.svelte-1e9egdv{border-top:1px solid #eee;margin-top:20px;margin-bottom:0}@media screen and (max-width: 800px){.topBar.svelte-1e9egdv.svelte-1e9egdv{margin:0;border-radius:0;top:0}.search.svelte-1e9egdv.svelte-1e9egdv{width:200px}.searchPanel.svelte-1e9egdv.svelte-1e9egdv{top:54px;left:0;right:0;bottom:0;width:100vw}.closeButton.svelte-1e9egdv.svelte-1e9egdv{top:1em;right:22px;font-size:1em}}.presentationContainer.svelte-5x0g1a.svelte-5x0g1a{background:var(--box-color);box-shadow:var(--box-shadow);border-radius:var(--radius);display:flex;flex-direction:row;margin:var(--margin) calc(var(--margin) * 2)}.logo.svelte-5x0g1a.svelte-5x0g1a{text-align:left;min-width:320px}.logo.svelte-5x0g1a img.svelte-5x0g1a{max-width:300px;height:auto;margin:2em 0 2em 1em}.presentation.svelte-5x0g1a.svelte-5x0g1a{margin:var(--margin);padding-left:calc(var(--margin) * 2);border-left:2px solid var(--background-color);vertical-align:middle;background-repeat:no-repeat;color:#000;border-radius:0 20px 20px 0}p.svelte-5x0g1a.svelte-5x0g1a{line-height:1.4em}@media screen and (max-width: 800px){.presentationContainer.svelte-5x0g1a.svelte-5x0g1a{flex-direction:column;margin:var(--margin)}.presentation.svelte-5x0g1a.svelte-5x0g1a{padding-left:0}h2.svelte-5x0g1a.svelte-5x0g1a{font-size:1.2em}p.svelte-5x0g1a.svelte-5x0g1a{font-size:.9em}.logo.svelte-5x0g1a.svelte-5x0g1a{display:inline-block;height:100%;vertical-align:middle;text-align:center}.logo.svelte-5x0g1a img.svelte-5x0g1a{max-width:80%;height:auto;margin:2em 0 0 1em}.presentation.svelte-5x0g1a.svelte-5x0g1a{margin:1.5em;border-left:0;border-top:2px solid var(--background-color);text-align:center}}/**
* @license
*/.mdc-tab-bar{width:100%}.mdc-tab{height:48px}.mdc-tab--stacked{height:72px}/**
* @license
*/.mdc-tab-scroller{overflow-y:hidden}.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content{transition:.25s transform cubic-bezier(.4,0,.2,1)}.mdc-tab-scroller__test{position:absolute;top:-9999px;width:100px;height:100px;overflow-x:scroll}.mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:touch;display:flex;overflow-x:hidden}.mdc-tab-scroller__scroll-area::-webkit-scrollbar,.mdc-tab-scroller__test::-webkit-scrollbar{display:none}.mdc-tab-scroller__scroll-area--scroll{overflow-x:scroll}.mdc-tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform}.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content{justify-content:flex-start}.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content{justify-content:flex-end}.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content{justify-content:center}.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:auto}/**
* @license
* Copyright 2018 Google Inc.
*/.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-tab-indicator .mdc-tab-indicator__content--icon{color:#018786;color:var(--mdc-theme-secondary, #018786)}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:2px}.mdc-tab-indicator .mdc-tab-indicator__content--icon{height:34px;font-size:34px}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transform-origin:left;opacity:0}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator__content--icon{align-self:center;margin:0 auto}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}.mdc-tab-indicator .mdc-tab-indicator__content{transition:.25s transform cubic-bezier(.4,0,.2,1)}.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition:.15s opacity linear}.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition-delay:.1s}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase);position:relative}.mdc-tab .mdc-tab__text-label{color:#0009}.mdc-tab .mdc-tab__icon{color:#0000008a;fill:currentColor}.mdc-tab__content{position:relative}.mdc-tab__icon{width:24px;height:24px;font-size:24px}.mdc-tab--active .mdc-tab__text-label{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-tab--active .mdc-tab__icon{color:#6200ee;color:var(--mdc-theme-primary, #6200ee);fill:currentColor}.mdc-tab{background:none}.mdc-tab{min-width:90px;padding:0 24px;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;z-index:1}.mdc-tab::-moz-focus-inner{padding:0;border:0}.mdc-tab--min-width{flex:0 1 auto}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:.15s color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab__icon{transition:.15s color linear;z-index:2}.mdc-tab--stacked .mdc-tab__content{flex-direction:column;align-items:center;justify-content:center}.mdc-tab--stacked .mdc-tab__text-label{padding-top:6px;padding-bottom:4px}.mdc-tab--active .mdc-tab__text-label,.mdc-tab--active .mdc-tab__icon{transition-delay:.1s}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}@keyframes mdc-ripple-fg-radius-in{0%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{0%{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{0%{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-tab{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-tab .mdc-tab__ripple:before,.mdc-tab .mdc-tab__ripple:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-tab .mdc-tab__ripple:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-tab .mdc-tab__ripple:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple:after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab .mdc-tab__ripple:before,.mdc-tab .mdc-tab__ripple:after{top:-50%;left:-50%;width:200%;height:200%}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-tab .mdc-tab__ripple:before,.mdc-tab .mdc-tab__ripple:after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-tab:hover .mdc-tab__ripple:before,.mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple:before,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple:after{transition:opacity .15s linear}.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-tab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.mdc-tab__ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform,opacity}.button.svelte-kntn8b.svelte-kntn8b{background:transparent;border:none;cursor:pointer;border-radius:50%;padding:10px;opacity:.6;transition:all .25s var(--easing)}.container.svelte-kntn8b.svelte-kntn8b{display:flex;overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth;padding:0;width:100vw}.container.svelte-kntn8b.svelte-kntn8b::-webkit-scrollbar{display:none}.arrow.svelte-kntn8b.svelte-kntn8b{border:solid var(--primary);border-width:0 3px 3px 0;display:inline-block;padding:14px}.right.svelte-kntn8b.svelte-kntn8b{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left.svelte-kntn8b.svelte-kntn8b{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.navigation.svelte-kntn8b.svelte-kntn8b{position:relative;top:-136px;z-index:2}.button.svelte-kntn8b.svelte-kntn8b:hover{opacity:1}.prev.svelte-kntn8b.svelte-kntn8b{position:absolute;top:4px;left:40px;opacity:0;transition:opacity .4s cubic-bezier(0,0,.2,1)}.next.svelte-kntn8b.svelte-kntn8b{position:absolute;top:4px;right:60px;opacity:0;transition:opacity .4s cubic-bezier(0,0,.2,1)}.scrollable.svelte-kntn8b:hover button.svelte-kntn8b{opacity:1}@media screen and (max-width: 800px){button.svelte-kntn8b.svelte-kntn8b{display:none}}.button.svelte-ksbmgv.svelte-ksbmgv{background:transparent;border:none;cursor:pointer;border-radius:50%;padding:10px;opacity:.6;transition:all .25s var(--easing)}.container.svelte-ksbmgv.svelte-ksbmgv{display:flex;overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth;padding:0;width:100vw}.container.svelte-ksbmgv.svelte-ksbmgv::-webkit-scrollbar{display:none}.arrow.svelte-ksbmgv.svelte-ksbmgv{border:solid var(--primary);border-width:0 3px 3px 0;display:inline-block;padding:14px}.right.svelte-ksbmgv.svelte-ksbmgv{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left.svelte-ksbmgv.svelte-ksbmgv{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.navigation.svelte-ksbmgv.svelte-ksbmgv{position:relative;top:-90px;z-index:2}.button.svelte-ksbmgv.svelte-ksbmgv:hover{opacity:1}.prev.svelte-ksbmgv.svelte-ksbmgv{position:absolute;top:4px;left:40px;opacity:0;transition:opacity .4s cubic-bezier(0,0,.2,1)}.next.svelte-ksbmgv.svelte-ksbmgv{position:absolute;top:4px;right:60px;opacity:0;transition:opacity .4s cubic-bezier(0,0,.2,1)}.scrollable.svelte-ksbmgv:hover button.svelte-ksbmgv{opacity:1}@media screen and (max-width: 800px){button.svelte-ksbmgv.svelte-ksbmgv{display:none}}.card.svelte-1w4pn8x.svelte-1w4pn8x{position:relative;background:var(--box-color);box-shadow:var(--box-shadow);border-radius:var(--radius);width:200px;height:190px;margin:0 10px 0 0;text-align:center;transition:transform .15s cubic-bezier(0,0,.2,1);cursor:pointer}.card.svelte-1w4pn8x.svelte-1w4pn8x:hover{transform:scale(1.1)}.overlay.svelte-1w4pn8x.svelte-1w4pn8x{position:absolute;top:0;left:0;width:100%;height:100px;background:linear-gradient(45deg,#10cba0,#10a0cb);opacity:0;transition:opacity .15s cubic-bezier(0,0,.2,1);border-radius:20px 20px 0 0;z-index:1}.card.svelte-1w4pn8x:hover .overlay.svelte-1w4pn8x{opacity:.9}.card.svelte-1w4pn8x:hover .overlay.svelte-1w4pn8x:after{content:"";background-image:url(/forthem-logo-white.svg);background-size:100% 100%;display:inline-block;position:absolute;top:10px;left:0;opacity:1;height:80px;width:100%;z-index:3;animation:.15s moveIn cubic-bezier(0,0,.2,1)}.card-header.svelte-1w4pn8x.svelte-1w4pn8x{z-index:0;height:100px;background-size:cover!important;border-top-left-radius:20px;border-top-right-radius:20px;background-position:center}.card-body.svelte-1w4pn8x.svelte-1w4pn8x{position:relative;z-index:1;padding:0 20px}.card-body.svelte-1w4pn8x h3.svelte-1w4pn8x{font-size:16px;transition:transform .2s cubic-bezier(0,0,.2,1),opacity .1s cubic-bezier(0,0,.2,1);font-weight:400}.card.svelte-1w4pn8x:hover h3.svelte-1w4pn8x{opacity:0;transform:translate3d(0,-25px,0)}.card-body.svelte-1w4pn8x p.svelte-1w4pn8x{font-size:13.5px;height:70px;line-height:1.5em;overflow:hidden;position:absolute;top:-10px;left:0;right:0;padding:10px 20px 20px;transform:translateZ(0);transition:transform .15s cubic-bezier(0,0,.2,1),opacity .15s cubic-bezier(0,0,.2,1);opacity:0}.card.svelte-1w4pn8x:hover .card-body p.svelte-1w4pn8x{opacity:1;transform:translate3d(0,-17px,0)}a.svelte-1w4pn8x.svelte-1w4pn8x{text-decoration:none;color:inherit;outline:none}.card.svelte-1qorg4t.svelte-1qorg4t{position:relative;background:var(--box-color);box-shadow:var(--box-shadow-l);border-radius:var(--radius);min-width:200px;height:90px;margin:0 10px 0 0;text-align:center;transition:transform .15s cubic-bezier(0,0,.2,1);cursor:pointer}.card.svelte-1qorg4t.svelte-1qorg4t:hover{transform:scale(1.1)}.picture.svelte-1qorg4t.svelte-1qorg4t{position:absolute;width:50px;height:50px;left:20px;top:10px}.overlay.svelte-1qorg4t.svelte-1qorg4t{position:absolute;top:0;left:0;width:100%;height:92px;opacity:0;transition:opacity .15s cubic-bezier(0,0,.2,1);border-radius:20px;z-index:1;filter:grayscale(1)}.card.svelte-1qorg4t:hover .overlay.svelte-1qorg4t{opacity:.98;filter:grayscale(0)}.card.svelte-1qorg4t:hover .overlay.svelte-1qorg4t:after{content:"";display:inline-block;position:absolute;top:10px;left:0;opacity:1;height:60px;width:100%;z-index:3;animation:.15s moveIn cubic-bezier(0,0,.2,1)}.card-header.svelte-1qorg4t.svelte-1qorg4t{z-index:0;height:90px;background-size:contain!important;border-radius:20px;background-position:center}.card-body.svelte-1qorg4t.svelte-1qorg4t{position:absolute;top:10px;z-index:1;padding:0 20px}.card-body.svelte-1qorg4t h3.svelte-1qorg4t{font-size:16px;transition:transform .2s cubic-bezier(0,0,.2,1),opacity .1s cubic-bezier(0,0,.2,1);font-weight:400;margin:15px 0 0 60px}.card.svelte-1qorg4t:hover h3.svelte-1qorg4t{opacity:0;transform:translate3d(0,-25px,0)}.card-body.svelte-1qorg4t p.svelte-1qorg4t{color:#fff;font-size:13.5px;height:90px;line-height:1.5em;overflow:hidden;position:absolute;top:-14px;left:70px;right:0;padding:30px 20px 20px;transform:translateZ(0);transition:transform .15s cubic-bezier(0,0,.2,1),opacity .15s cubic-bezier(0,0,.2,1);opacity:0}.card.svelte-1qorg4t:hover .card-body p.svelte-1qorg4t{opacity:1;transform:translate3d(0,-17px,0)}a.svelte-1qorg4t.svelte-1qorg4t{text-decoration:none;color:inherit;outline:none}h2.svelte-g522zn{font-size:1.2em;font-weight:400;margin-left:calc(var(--margin) * 2)}@media screen and (max-width: 800px){h2.svelte-g522zn{margin:var(--margin)}}ul.svelte-g522zn{display:flex;gap:20px;list-style:none;padding-right:260px!important}.mdc-tab-bar.svelte-1877r0z.svelte-1877r0z{padding:0}.mdc-tab.svelte-1877r0z.svelte-1877r0z{letter-spacing:0;font-weight:400}.mdc-tab.svelte-1877r0z.svelte-1877r0z:focus-visible{background:var(--box-color)}.mdc-tab.svelte-1877r0z:focus-visible span.svelte-1877r0z{color:#10a0cb}.mdc-tab__text-label.svelte-1877r0z.svelte-1877r0z{color:var(--color);font-family:sans-serif;font-size:1.4em;text-transform:none}.mdc-tab-indicator.svelte-1877r0z .mdc-tab-indicator__content--underline.svelte-1877r0z{border-color:#10a0cb;margin:0}.mdc-tab-indicator.svelte-1877r0z .mdc-tab-indicator__content.svelte-1877r0z{transition:.25 transform cubic-bezier(0,0,.2,1)}.tabs.svelte-1877r0z.svelte-1877r0z,.panel.svelte-1877r0z.svelte-1877r0z{width:100vw;height:50vh}.invisible.svelte-1877r0z.svelte-1877r0z{opacity:0}.container.svelte-1877r0z.svelte-1877r0z{margin-bottom:30vh}@media screen and (min-width: 800px){.mdc-tab-bar.svelte-1877r0z.svelte-1877r0z{padding:0 calc(var(--margin) * 2)}.mdc-tab.svelte-1877r0z.svelte-1877r0z{max-width:150px}.mdc-tab-indicator.svelte-1877r0z .mdc-tab-indicator__content--underline.svelte-1877r0z{border-color:#10a0cb;margin:0 var(--margin)}.mdc-tab-scroller__scroll-content.svelte-1877r0z.svelte-1877r0z{justify-content:flex-end;padding-right:100px}}.content.svelte-141tc8.svelte-141tc8{position:absolute;top:0;left:0;right:0}.content.svelte-141tc8.svelte-141tc8:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:url(/forthem_background_logo.svg) no-repeat bottom 50% right -312px,var(--background-color);z-index:-1}.titleBar.svelte-141tc8.svelte-141tc8{background-image:var(--green-to-blue);top:0;left:0;right:0;height:70px;position:fixed;z-index:1}.titleBar.svelte-141tc8.svelte-141tc8:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--blue-to-green);opacity:0;transition:opacity .8s cubic-bezier(0,0,.2,1)}.titleBar.odd.svelte-141tc8.svelte-141tc8:after{opacity:1}.title.svelte-141tc8.svelte-141tc8{font-size:1.5em;z-index:1;position:relative;margin:20px 2.5em 0 35px;transition:all .6s cubic-bezier(0,0,.2,1);transform:translate(0);color:#fff}.title.odd.svelte-141tc8.svelte-141tc8{transform:translate(20px)}.desktop.svelte-141tc8.svelte-141tc8{display:block}.mobile.svelte-141tc8.svelte-141tc8{display:none}.closeButton.svelte-141tc8.svelte-141tc8{background:none;border:none;position:fixed;top:.7em;right:2.5em;font-size:1.5em;cursor:pointer;color:#fff;z-index:13}.thumb.svelte-141tc8.svelte-141tc8{width:10em;height:10em;position:fixed;right:8em;top:2em;border-radius:50%;transform:scale(1.1) translate(5%) translateY(0);transition:all .6s cubic-bezier(0,0,.2,1);z-index:2;background-size:cover!important;background-position:center!important}.thumb.odd.svelte-141tc8.svelte-141tc8{border-radius:20px;transform:scale(1) translate(0) translateY(-5%)}.subtitleBar.svelte-141tc8.svelte-141tc8{background:var(--lightblue);position:fixed;top:70px;left:0;right:0;height:60px;z-index:1}.subtitleBar.svelte-141tc8.svelte-141tc8:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--lightgreen);opacity:0;transition:opacity .8s cubic-bezier(0,0,.2,1)}.subtitleBar.odd.svelte-141tc8.svelte-141tc8:after{opacity:1}.subtitle.svelte-141tc8.svelte-141tc8{font-size:1.3em;font-weight:400;transition:all .6s cubic-bezier(0,0,.2,1);transform:translate(20px);position:relative;color:#fff;margin:18px 2.5em 0 35px;z-index:3}.subtitle.odd.svelte-141tc8.svelte-141tc8{transform:translate(0)}.contentContainer.svelte-141tc8.svelte-141tc8{padding:170px 410px 100px 80px;min-height:120vh;z-index:-1;font-size:18px;line-height:28px}.navigation.svelte-141tc8.svelte-141tc8{background:var(--background-color);position:fixed;bottom:0;left:0;right:0}.navigationContainer.svelte-141tc8.svelte-141tc8{background:var(--box-color);box-shadow:var(--box-shadow);border-radius:var(--radius);margin:0 2em 2em;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;user-select:none;height:40px}.navigationContainer.svelte-141tc8 button.svelte-141tc8{text-decoration:none;color:#000;background:none;border:none}.previousArrow.svelte-141tc8.svelte-141tc8,.nextArrow.svelte-141tc8.svelte-141tc8{opacity:1;font-size:1.2em;cursor:pointer;width:100%;padding:10px}.previousArrow.svelte-141tc8.svelte-141tc8{text-align:left}.nextArrow.svelte-141tc8.svelte-141tc8{text-align:right}.previousArrowContainer.svelte-141tc8.svelte-141tc8{border-right:1px solid #eee}@keyframes svelte-141tc8-fadeIn{0%{opacity:1}50%{opacity:0}to{opacity:1}}.primaryArrow.svelte-141tc8.svelte-141tc8{border:solid var(--primary);border-width:0 3px 3px 0;display:inline-block;padding:5px;margin:0 10px}.label.svelte-141tc8.svelte-141tc8{display:inline-block;margin:0 10px}.right.svelte-141tc8.svelte-141tc8{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left.svelte-141tc8.svelte-141tc8{transform:rotate(135deg);-webkit-transform:rotate(135deg)}@media screen and (max-width: 800px){.desktop.svelte-141tc8.svelte-141tc8{display:none}.mobile.svelte-141tc8.svelte-141tc8{display:block}.titleBar.svelte-141tc8.svelte-141tc8{top:0;left:0;right:0;height:53px;position:fixed;z-index:1;text-align:center}.title.svelte-141tc8.svelte-141tc8{font-size:20px;z-index:1;position:relative;margin:16px 0 0;transform:translate(-20px)}.title.odd.svelte-141tc8.svelte-141tc8{transform:translate(0)}.closeButton.svelte-141tc8.svelte-141tc8{display:block;background:none;border:none;position:fixed;top:9px;right:16px;font-size:20px;cursor:pointer;z-index:3;color:#fff}.thumb.svelte-141tc8.svelte-141tc8{position:relative;top:0;left:0;border-radius:20px;z-index:0;height:200px;width:100%;transition:none;transform:none;margin-bottom:30px}.content.svelte-141tc8.svelte-141tc8:after{background:none}.dynamicContent.svelte-141tc8.svelte-141tc8{margin-bottom:320px}.dynamicContent.svelte-141tc8.svelte-141tc8:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/forthem_background_logo.svg) no-repeat bottom 100px right -312px;z-index:-1}.subtitle.svelte-141tc8.svelte-141tc8{color:var(--color);font-size:18px;line-height:26px;font-weight:700;margin:26px 20px 30px 0;z-index:0}.subtitleBar.svelte-141tc8.svelte-141tc8{top:53px;left:0;right:0;height:8px}.contentContainer.svelte-141tc8.svelte-141tc8{padding:60px 30px;font-size:16px;line-height:20px}.navigation.svelte-141tc8.svelte-141tc8{background:var(--background-color);position:fixed;bottom:0;left:0;right:0}.navigationContainer.svelte-141tc8.svelte-141tc8{background:var(--box-color);border-radius:0;margin:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;user-select:none}.navigationContainer.svelte-141tc8 button.svelte-141tc8{text-decoration:none;color:#000;background:none;border:none;display:inline-block}.previousArrow.svelte-141tc8.svelte-141tc8,.nextArrow.svelte-141tc8.svelte-141tc8{opacity:1;font-size:1.2em;cursor:pointer;width:100%;padding:10px}.previousArrow.svelte-141tc8.svelte-141tc8{text-align:right}.nextArrow.svelte-141tc8.svelte-141tc8{text-align:left}.previousArrowContainer.svelte-141tc8.svelte-141tc8{border-right:1px solid #eee}}.home.svelte-42ncuz,.article.svelte-42ncuz{position:absolute;top:0;left:0;right:0}.home.svelte-42ncuz,.article.svelte-42ncuz{padding-bottom:100px}















body { font-family: sans-serif; }
nav { height: 40px; z-index: 2; padding: 10px; word-spacing: 0.5em; position: absolute; top: 0; width: 100vw; background: #fff; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.15); }
a { text-decoration: none; color: #10a0cb; }
a:hover, a:active {color: #10cba0; }
	
/* ------- Sections (= pages with #) ------- */

section {
	display: none;

}

section:target { /* Show section */
  display: block;
}

section#home { /* Show #articles by default */
  display: block;
}


.scrollable { max-height: 85vh; overflow-y: scroll; }
.sortable { margin-top: 20px; }
.container { /*display: flex; flex-wrap: wrap; */}
.sortable .item { border-bottom: 1px dashed #ccc; display: flex; padding: 3px; }
.sortable div:hover .ud { opacity: 1; }
.sortable div .text-ellipsis { cursor: pointer; padding-left: 1em;  padding-top: 0.2em; }

.dragged { cursor: grab; }

.container div { margin-bottom: 0.4em; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.15); }

.text-ellipsis {
  width: calc(90%);
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ghost {
  opacity: 0.4;
  background: #C8EBFB;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* -------------------  LEFT and RIGHT pane -------------------- */

*, *::before, *::after {
 box-sizing: border-box;
}
  
 body {
  margin: 0;
}

.wrapper {
   padding-top: 20px;
  height: 100vh;
  width: 100vw;
  display: flex;
}

.pane {
  width: 230px;
  padding-top: 1em;
}

.left {
  min-width: 100px;
  background: #fff;
}

.right {
  position: relative;
}

.gutter {
  width: 10px;
  height: 100%;
  background:#fefefe;
  border-left : 1px dashed #ddd;
  box-shadow : 5px 0px 5px 1px rgba(0,0,0,0.15);
  position: absolute;
  top: 0;
  left: 0;
  cursor: col-resize;
  z-index: 1;
}

/* SCROLLBAR */

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #fff;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #EEE;
}


/* FIXES */
.titleBar { width: 100vw; height: 50px; background-image: var(--green-to-blue);}
.subtitleBar { width: 100vw; height: 40px; background: var(--lightblue);}
.title,.subtitle { color: white; padding-left: 30px; }
.title { font-size: 25px; padding-top: 12px; }
.subtitle { font-size: 20px; padding-top: 8px;  }
input[type=text] { background: none; width: 100%; border: none; outline: none; }

.thumb.svelte-141tc8.svelte-141tc8 { object-fit: cover; margin-top: 30px; cursor: pointer; z-index: 1;}


#newArticleDiv { display: flex; width: 100%; justify-content: right; }
#newArticle { background: none; border: none; cursor: pointer; margin: 10px 10px 0 10px; }
#newArticleEtuDiv { display: flex; width: 100%; justify-content: right; }
#addListEtu { background: none; border: none; cursor: pointer; margin: 10px 10px 0 10px; }
#newElementPersList { background: none; border: none; cursor: pointer; margin: 10px 10px 0 10px; }
#newElementEtuList { background: none; border: none; cursor: pointer; margin: 10px 10px 0 10px; }
#newArticlePersDiv { display: flex; width: 100%; justify-content: right; }
#addListPers { background: none; border: none; cursor: pointer; margin: 10px 10px 0 10px; }
.modal { z-index: 10000; }


li.video:hover figure img { opacity: 0; }
li.video:hover figure figcaption { opacity: 1; }
li.video { list-style-type : none; max-width: 385px; min-width: 200px;}

.figure .box { max-width: 300px; }

.selectDisable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* Call To Action */
.cta { flex-wrap: wrap; padding-left: 30px; margin: 30px 0; align-items: center; width: 70vw;  }
.cta a { min-width: fit-content; padding: 10px 20px; }
#newCTA { background: none; border: none; cursor: pointer; margin: 10px 10px 0 10px; }


/*
.descriptionBar { width: 100vw; height: 40px; background: var(--blue-to-green);}
.slugBar { width: 100vw; height: 40px; background: var(--lightgreen);}*/

.descriptionBar { margin-top: 5px;}
.descriptionBar label,.slugBar label{ padding-left: 30px; color: black; }
.descriptionBar input,.slugBar input{  width: 300%; color: black; padding-left: 35px;}


.card a{ pointer-events: none;}

#listArticleEtudiant {display: flex; flex-direction: row; margin-left: 30px; width: 80vw; flex-wrap: wrap; margin-top: 30px;}
#listArticlePersonnels {display: flex; flex-direction: row; margin-left: 30px; width: 80vw; flex-wrap: wrap; margin-top: 30px;}


.redx { position: absolute; top: 0px; right: 0px; }

.card-header.svelte-1rg6nec img.svelte-1rg6nec { height: 100%; width: 100%; object-fit: cover; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.card.svelte-1rg6nec.svelte-1rg6nec { position: relative; background: var(--box-color); box-shadow: var(--box-shadow); border-radius: var(--radius); width: 210px; height: 190px; margin: 0 10px 0 0; text-align: center; transition: transform .15s cubic-bezier(0,0,.2,1); cursor: pointer; }
.overlay.svelte-1rg6nec.svelte-1rg6nec { position: absolute; top: 0; left: 0;  width: 100%; height: 100px; background: linear-gradient(45deg,#10cba0,#10a0cb); opacity: 0; transition: opacity .15s cubic-bezier(0,0,.2,1); border-radius: 20px 20px 0 0; z-index: 1;}
.card-header.svelte-1rg6nec.svelte-1rg6nec { z-index: 0; height: 100px;  background-size: cover!important; border-top-left-radius: 20px; border-top-right-radius: 20px; background-position: center;}
.card-body.svelte-1rg6nec h3.svelte-1rg6nec { font-size: 16px; transition: transform .2s cubic-bezier(0,0,.2,1),opacity .1s cubic-bezier(0,0,.2,1); font-weight: 400;}
.card-body.svelte-1rg6nec p.svelte-1rg6nec { font-size: 13.5px; height: 70px; line-height: 1.5em; overflow: hidden; position: absolute; top: -10px; left: 0; right: 0; padding: 10px 20px 20px; transform: translateZ(0); transition: transform .15s cubic-bezier(0,0,.2,1),opacity .15s cubic-bezier(0,0,.2,1); opacity: 0;}

.xredClass {
  width: 15px;
  height: 15px;
  opacity: 0.4;
}

.xredClass:hover {
  opacity: 1;
}

.card.svelte-1rg6nec.svelte-1rg6nec { margin: 15px; }
.svelte-1rg6nec {
  width: 210px;
  height: 190px;
}

.xredClassList {
  position: absolute; top: 10px; right: 5px;
}

#scrollList { list-style: none;}
#scrollList li{ opacity: 1; cursor: pointer;}
#scrollList li:hover{ background-color: lightgray;}

/* Editor JS */

#containerJs { width: 70vw; background-color: white; margin: 20px 0 0 30px;  }
#editorJsBox { height: 600px;  overflow: auto; padding-top: 50px;}

.ce-toolbar__actions{ right: 112%; }

.ce-block__content{ max-width: 800px;  }

.flecheClass {
  margin-left: 5px;
  width: 15px;
  height: 15px;
}

.typeCardButton { margin-left: 30px; width: 80vw; margin-top: 80px;}

#previewIframe {width: 100%; height: 100%; position: absolute; margin-top: 38px; padding-bottom: 38px;}



/* Dropdown Button */
.menuButton {
  border: none;
  background-color: white;
  
}

.menuButton img{
  width: 16px;
}

.menuButton, .menu-dropdown-content, .menu-dropdown-content button {
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.menuDropdown:hover .menu-dropdown-content {
  opacity: 1;
  transform: translateY(0);
  
}

/* Dropdown Content (Hidden by Default) */
.menu-dropdown-content {
  /*transform: translateY(-500px);*/
  opacity: 0;
  transform: translateX(200px);
  position: absolute;
  right: 0;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
  transition: all 0.25s;
}

.menuButton:hover .menu-dropdown-content {
  transform: translateX(0);
  opacity: 1;
}

/* Links inside the dropdown */
.menu-dropdown-content button {
  color: black;
  padding: 12px 12px;
  text-align: left;
  text-decoration: none;
  display: block;
  background-color: #fff;
  border: none;
  width: 100%;
}

/* Change color of dropdown links on hover */
.menu-dropdown-content button:hover {background-color: #ddd; }

/* Show the dropdown menu on hover */
.menuDropdown:hover .menu-dropdown-content { }

/* Change the background color of the dropdown button when the dropdown content is shown */
.menuDropdown:hover .menuButton {background-color: #ddd;}

/*.menuDropdown:hover .menu-dropdown-content{transform: translateY(0px);}*/

nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}


#validateSlug {
  color: #2ebde9;
  border: none;
  border-radius: 5px;
  background-color: #f0f9fa;
}

#validateSlug:hover {
  cursor: pointer;
  background-color: #d6dddf;
}

.modal-content button {
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  margin-top: 10px;
  color: black;
  cursor: pointer;
  padding: 8px 8px;
  background-color: #fff;
  border: none;
}

.modal-content button:hover {background-color: #ddd; }
.modal-content input { 
  width: 100%;
  padding: 12px 20px;
  margin: -6px 0px 12px 0px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}


/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #888;
  width: 80%;
}
/*
#urlImg {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#articleTitle {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#articleSubtitle {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#articleDescription {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#menuTitle {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#ctaUrl {  width: 100%;  padding: 12px 20px;  margin: 8px 0;  display: inline-block;  border: 1px solid #ccc;  border-radius: 4px;  box-sizing: border-box; }

#ctaTitle {  width: 100%;  padding: 12px 20px;  margin: 8px 0;  display: inline-block;  border: 1px solid #ccc;  border-radius: 4px;  box-sizing: border-box; }
*/