@font-face{font-family:Barlow-Black;src:url(/static/media/Barlow-Black.a124fb33fd1d8a32c163.ttf) format("truetype")}@font-face{font-family:Barlow-BlackItalic;src:url(/static/media/Barlow-BlackItalic.3de0afe6e065f8dae051.ttf) format("truetype")}@font-face{font-family:Barlow-Bold;src:url(/static/media/Barlow-Bold.2dc03d2e89ef7d9e6ffb.ttf) format("truetype")}@font-face{font-family:Barlow-BoldItalic;src:url(/static/media/Barlow-BoldItalic.0f546a41f3afd8d5a99d.ttf) format("truetype")}@font-face{font-family:Barlow-ExtraBold;src:url(/static/media/Barlow-ExtraBold.4653fa55aa1a010f3955.ttf) format("truetype")}@font-face{font-family:Barlow-ExtraBoldItalic;src:url(/static/media/Barlow-ExtraBoldItalic.2ac12abf5aad0f67e7cd.ttf) format("truetype")}@font-face{font-family:Barlow-ExtraLight;src:url(/static/media/Barlow-ExtraLight.08efebd990fa7eb5163f.ttf) format("truetype")}@font-face{font-family:Barlow-ExtraLightItalic;src:url(/static/media/Barlow-ExtraLightItalic.f7ae614fe2ce8315eebd.ttf) format("truetype")}@font-face{font-family:Barlow-Italic;src:url(/static/media/Barlow-Italic.46a01a113afb5eab9f66.ttf) format("truetype")}@font-face{font-family:Barlow-Light;src:url(/static/media/Barlow-Light.7e0099c5266078997e2c.ttf) format("truetype")}@font-face{font-family:Barlow-LightItalic;src:url(/static/media/Barlow-LightItalic.ce41daee57de21daf75d.ttf) format("truetype")}@font-face{font-family:Barlow-Medium;src:url(/static/media/Barlow-Medium.40a6a9d2b5c96f1bb0c8.ttf) format("truetype")}@font-face{font-family:Barlow-MediumItalic;src:url(/static/media/Barlow-MediumItalic.d66ceaafc8b97dc382ea.ttf) format("truetype")}@font-face{font-family:Barlow-Regular;src:url(/static/media/Barlow-Regular.952f8963756042f7ccf5.ttf) format("truetype")}@font-face{font-family:Barlow-SemiBold;src:url(/static/media/Barlow-SemiBold.5a6be86b2fa0d383595c.ttf) format("truetype")}@font-face{font-family:Barlow-SemiBoldItalic;src:url(/static/media/Barlow-SemiBoldItalic.c6369c78d21665b65abe.ttf) format("truetype")}@font-face{font-family:Barlow-Thin;src:url(/static/media/Barlow-Thin.31c931deacf68a51d5a6.ttf) format("truetype")}@font-face{font-family:Barlow-ThinItalic;src:url(/static/media/Barlow-ThinItalic.171d5dcdc4d71282c051.ttf) format("truetype")}@font-face{font-family:BarlowCondensed-Regular;src:url(/static/media/BarlowCondensed-Regular.a51441e972d57b28e7c1.ttf) format("truetype")}@font-face{font-family:BarlowCondensed-Bold;src:url(/static/media/BarlowCondensed-Bold.ca168dbe270fba68a7f3.ttf) format("truetype")}@font-face{font-family:BarlowCondensed-SemiBold;src:url(/static/media/BarlowCondensed-SemiBold.d2b227f032d710a6870f.ttf) format("truetype")}.custom-select{margin-bottom:20px;position:relative}.custom-select select{display:none}.custom-select .select-selected{background-color:#f2f2f2;border:none;border-radius:14px;color:#262626;cursor:pointer;font-family:BarlowCondensed-Bold;height:58px;line-height:60px;outline:none;text-align:center}.custom-select .select-selected.activ{color:#fff}.custom-select .select-selected:after{border:6px solid transparent;border-top-color:#fff;content:"";height:0;position:absolute;right:10px;top:14px;width:0}.custom-select .select-items{border-radius:0 0 14px 14px;left:0;overflow:hidden;position:absolute;right:0;top:100%;z-index:99}.custom-select .select-items .opt{-webkit-animation:displayListElem .3s;animation:displayListElem .3s;-webkit-animation:name duration timing-function delay iteration-count direction fill-mode;animation:name duration timing-function delay iteration-count direction fill-mode;background-color:#f2f2f2;border-radius:12px;cursor:pointer;display:flex;font-family:BarlowCondensed-Regular;justify-content:space-between;line-height:70px;margin:10px;padding:6px 10px}.custom-select .select-items .opt.selectedOne,.custom-select .select-items .opt:hover{font-family:BarlowCondensed-Bold}.custom-select .select-items .opt .preview{box-sizing:border-box;display:flex;position:relative;width:80px}.custom-select .select-items .opt .preview.grid{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(2,1fr)}.custom-select .select-items .opt .preview .display{border-radius:4px;box-sizing:border-box;margin:2px;position:relative}.custom-select .select-items.select-hide{display:none}@-webkit-keyframes displayList{0%{height:0}to{height:100px}}@keyframes displayList{0%{height:0}to{height:100px}}@-webkit-keyframes displayListElem{0%{height:0}to{height:70px}}@keyframes displayListElem{0%{height:0}to{height:70px}}#errorMessage{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.185);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}#errorMessage #messageBox{background-color:#fff;border-radius:16px;font-family:Barlow-SemiBold;padding:40px}.projet{background-color:#f2f2f2;border-radius:14px;cursor:pointer;display:flex;height:104px;justify-content:space-between;margin-bottom:18px;overflow:hidden;-webkit-user-select:none;user-select:none}.projet:last-child{margin-bottom:0}.projet .projetDatas{display:flex;flex-direction:column;font-size:14px;justify-content:center;margin-left:20px;pointer-events:none;text-align:left}.projet .projetDatas p{margin:3px 0;padding:0}.projet .projetDatas p.projetTeam{font-family:Barlow-Bold}.projet .projetMedia{border-radius:14px;max-width:180px;min-width:180px;overflow:hidden;translate:1px}.projet .projetMedia img{height:100%;pointer-events:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Barlow-Regular;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App,.screen-capture{display:flex;height:100vh;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%}.App #appUi,.screen-capture #appUi{color:#000;display:flex;flex-direction:column;height:calc(100vh - 138px);margin:20px 40px;max-width:300px;min-width:300px;overflow:hidden;position:relative}.App #appUi #titleZone,.screen-capture #appUi #titleZone{min-height:120px}.App #appUi #titleZone h1,.screen-capture #appUi #titleZone h1{font-family:Barlow-Bold;font-size:26px;font-weight:100;margin:0 0 16px;width:100%}.App #appUi #titleZone img,.screen-capture #appUi #titleZone img{width:100%}.App #appUi #listeProjets,.screen-capture #appUi #listeProjets{height:517px;margin-top:16px;overflow:scroll;position:relative;scrollbar-width:none}.App #appUi #listeProjets::-webkit-scrollbar,.screen-capture #appUi #listeProjets::-webkit-scrollbar{display:none}.App #appMedias,.screen-capture #appMedias{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:20px 20px 40px;width:calc(100vw - 400px)}.App #appMedias .compFull,.screen-capture #appMedias .compFull{align-items:center;background-color:#f2f2f2;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0}.App #appMedias .compFull canvas,.screen-capture #appMedias .compFull canvas{height:auto;width:100vw}.App #appMedias .compFull .setFullScreenPlayer,.screen-capture #appMedias .compFull .setFullScreenPlayer{bottom:50px;color:#fff;cursor:pointer;font-size:20px;padding:8px 16px;position:absolute;right:10px;width:32px}.App #appMedias .compFull .setFullScreenPlayer img,.screen-capture #appMedias .compFull .setFullScreenPlayer img{width:100%}.App #appMedias .compFull .legend,.screen-capture #appMedias .compFull .legend{background-color:hsla(0,0%,100%,.525);color:#000;font-family:Barlow-Bold;font-size:14px;padding:8px 30px;position:absolute;right:0;top:0}.App #appMedias .compZone,.screen-capture #appMedias .compZone{align-items:center;background-color:#f2f2f2;border-radius:20px;display:flex;font-family:Barlow-Bold;font-size:18px;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.App #appMedias .compZone canvas,.screen-capture #appMedias .compZone canvas{height:100%;width:auto}.App #appMedias .compZone .legend,.screen-capture #appMedias .compZone .legend{background-color:hsla(0,0%,100%,.525);color:#000;font-size:14px;padding:8px 30px;position:absolute;right:0;top:0}.App #appMedias .compZone .setFullScreenPlayer,.screen-capture #appMedias .compZone .setFullScreenPlayer{bottom:0;color:#fff;cursor:pointer;font-size:20px;padding:8px 16px;position:absolute;right:0;width:32px}.App #appMedias .compZone .setFullScreenPlayer img,.screen-capture #appMedias .compZone .setFullScreenPlayer img{width:100%}.App #appMedias.one,.screen-capture #appMedias.one{display:flex;flex-direction:column}.App #appMedias.two,.screen-capture #appMedias.two{display:flex;flex-direction:column;gap:20px}.App #appMedias.three,.screen-capture #appMedias.three{display:flex;flex-direction:row;gap:20px;width:100%}.App #appMedias.four,.screen-capture #appMedias.four{grid-gap:20px;display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(2,1fr)}.App #appMedias.four .compZone,.screen-capture #appMedias.four .compZone{width:auto}.App #appMedias #zoomScreen,.screen-capture #appMedias #zoomScreen{background-color:#fff;border-radius:18px;box-sizing:border-box;height:300px;overflow:hidden;pointer-events:none;position:absolute;width:400px}#drawPalette{align-items:flex-start;background-color:#f2f2f2;border-radius:18px;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;font-family:Barlow-Bold;height:60px;justify-content:space-around;padding:2px 25px;position:absolute;right:80px;width:300px;z-index:500000}#drawPalette h4{color:#262626;font-weight:100;line-height:10px;margin:0;padding:0}#drawPalette #controllers{align-items:center;display:flex;gap:30px}#drawPalette #controllers #colors{display:flex;gap:4px}#drawPalette #controllers #colors div{border-radius:50%;box-sizing:border-box;cursor:pointer;height:16px;width:16px}#drawPalette #controllers #colors div.current{box-shadow:0 0 5px 0 #000}#drawPalette #controllers #colors div#black{background-color:#000}#drawPalette #controllers #colors div#white{background-color:#fff}#drawPalette #controllers #colors div#red{background-color:red}#drawPalette #controllers #colors div#green{background-color:green}#drawPalette #controllers #colors div#blue{background-color:blue}#drawPalette #controllers #sizes{align-items:center;display:flex;gap:4px}#drawPalette #controllers #sizes div{background-color:#000;border-radius:50%;box-sizing:border-box;cursor:pointer}#drawPalette #controllers #sizes div.current{box-shadow:0 0 5px 0 #000}#drawPalette #controllers #sizes div#s2{height:6px;width:6px}#drawPalette #controllers #sizes div#s4{height:12px;width:12px}#drawPalette #controllers #sizes div#s12{height:18px;width:18px}#drawPalette #controllers #controls{align-items:center;display:flex;gap:8px}#drawPalette #controllers #controls div{cursor:pointer}#credits{background-color:#fff;border-top-left-radius:14px;bottom:0;box-sizing:border-box;color:#262626;display:flex;flex-direction:row;font-family:Barlow-Bold;font-size:12px;height:30px;justify-content:space-between;line-height:22px;padding:4px 4px 4px 25px;position:absolute;right:0;width:128px;z-index:2}#credits img{height:22px}#credits p{margin:0}#options{background-color:#f2f2f2;border-radius:14px;bottom:40px;gap:20px;left:40px;margin-top:10px;min-height:58px;position:absolute;width:300px;z-index:1}#options,#options .optionBtn{display:flex;justify-content:center}#options .optionBtn{align-items:center;background-color:#fff;border-radius:10px;cursor:pointer;margin:6px;min-width:46px;transition-duration:.25s}#options .optionBtn .btnTextHover{color:#fff;line-height:34px;margin:0;overflow:hidden;padding-left:0;transition-duration:.25s;width:0}#options .optionBtn:hover{min-width:120px}#options .optionBtn:hover .btnTextHover{display:inline;padding-left:10px;width:auto}.crosshairs{position:fixed;width:auto!important;z-index:2147483645}.overlay.true{border-width:0!important}.overlay.true:after{border:2px dashed #000;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.361f69cc.css.map*/