@font-face{font-family:OpenSans;font-style:normal;font-weight:300;src:local("Pacifico Regular"),url(/fonts/OpenSans-Light.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;font-style:italic;font-weight:300;src:local("Pacifico Regular"),url(/fonts/OpenSans-LightItalic.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;font-style:normal;font-weight:400;src:local("Pacifico Regular"),url(/fonts/OpenSans-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;font-style:italic;font-weight:400;src:local("Pacifico Regular"),url(/fonts/OpenSans-Italic.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;font-style:normal;font-weight:500;src:local("Pacifico Regular"),url(/fonts/OpenSans-Medium.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;font-style:italic;font-weight:500;src:local("Pacifico Regular"),url(/fonts/OpenSans-MediumItalic.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;font-style:normal;font-weight:600;src:local("Pacifico Regular"),url(/fonts/OpenSans-SemiBold.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;font-style:italic;font-weight:600;src:local("Pacifico Regular"),url(/fonts/OpenSans-SemiBoldItalic.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;font-style:normal;font-weight:700;src:local("Pacifico Regular"),url(/fonts/OpenSans-Bold.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;font-style:italic;font-weight:700;src:local("Pacifico Regular"),url(/fonts/OpenSans-BoldItalic.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;font-style:normal;font-weight:800;src:local("Pacifico Regular"),url(/fonts/OpenSans-ExtraBold.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;font-style:italic;font-weight:800;src:local("Pacifico Regular"),url(/fonts/OpenSans-ExtraBoldItalic.ttf) format("truetype");font-display:swap}:root{--bg: #ededed;--light-grey: #d6d6d6;--floating-menu-bg: rgba(255, 255, 255, .96);--floating-menu-boxshadow: 0px 7px 14px rgba(0,0,0,.05),0px 0px 3.12708px rgba(0,0,0,.08),0px 0px .931014px rgba(0,0,0,.17);--floating-menu-active-icon-color: hsl(242, 57%, 58%);--coloredGrey: hsl(242, 11%, 58%);--floating-menu-active-bg-color: #e3e2fe;--floating-menu-hover-bg: #f5f5f5;--accent-color: hsl(211, 100%, 45%);--accent-color-hover: hsl(211, 100%, 50%);--sidepannel-width: 250px}*,*:after,*:before{box-sizing:border-box}body{font-family:OpenSans,sans-serif;margin:0;padding:0;width:100%;height:100vh;scroll-behavior:smooth}svg{width:1.5rem;height:1.5rem}ul,li{all:unset}.ml-auto{margin-left:auto}input:focus-visible,textarea:focus-visible{border:solid 1px #80bdff!important;outline:0!important;box-shadow:0 0 0 .2rem #007bff40!important}.togglable-icon,#UI #backToPreviewView{display:flex;justify-content:center;align-items:center;cursor:pointer;height:36px;width:36px;border-radius:8px;aspect-ratio:1 / 1;transition:background-color .4s}#UI #backToPreviewView{display:none}#UI #backToPreviewView.active{display:flex!important}.togglable-icon:not(.active):hover,#UI #backToPreviewView:hover{background-color:var(--floating-menu-hover-bg);color:var(--floating-menu-active-icon-color)}.togglable-icon.active{background-color:var(--floating-menu-active-bg-color);fill:var(--floating-menu-active-icon-color);color:var(--floating-menu-active-icon-color);border-color:transparent}.callToActionBtn{color:#fff;background-color:var(--accent-color);transition:.2s;display:flex;align-items:center;gap:8px;padding:4px 8px;cursor:pointer;border-radius:4px;width:fit-content;box-shadow:var(--floating-menu-boxshadow);-webkit-user-select:none;user-select:none;height:fit-content}.callToActionBtn:hover{background-color:var(--accent-color-hover)}.callToActionBtn:active{background-color:var(--accent-color)}.title-project-name{font-size:20px;font-weight:500;-webkit-user-select:none;user-select:none}.closeBtn{cursor:pointer;transition:.2s}.closeBtn:hover{color:var(--floating-menu-active-icon-color)}#dashboard{grid-template-columns:minmax(200px,15%) 1fr;padding:0;margin:0;display:none}#dashboard.active{display:grid}.dashboard-sidebar{height:100vh;box-shadow:var(--floating-menu-boxshadow);padding:8px;position:relative}.avatar{border-radius:50%;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard-header{grid-column:1 / -1;margin-left:auto;display:flex;gap:8px;align-items:center}.dashboard-header svg{stroke-width:0;width:19px}.view-btn,.humburger-cont,#visibility{cursor:pointer;width:36px;height:36px;display:grid;place-items:center;border-radius:8px}.view-btn.active{background-color:var(--floating-menu-active-bg-color);color:var(--floating-menu-active-icon-color)}.view-btn:not(.active):hover,#visibility:active{background-color:var(--floating-menu-hover-bg);color:var(--floating-menu-active-icon-color)}.dashboard-content[data-view=gridView]{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-template-rows:min-content;grid-auto-rows:300px;grid-gap:32px 32px;padding:32px;max-height:100vh;overflow:auto}.dashboard-content[data-view=gridView] .column-heading{display:none}.dashboard-content[data-view=gridView] .card-project{position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;cursor:pointer;box-shadow:var(--floating-menu-boxshadow);transition:.2s;top:0;overflow:hidden}.dashboard-content[data-view=gridView] .card-project:hover{top:-6px}.dashboard-content[data-view=gridView] .card-footer{display:flex;flex-direction:column;gap:8px;padding-inline:8px;padding-bottom:8px}.dashboard-content[data-view=gridView] .card-img-cont{height:220px;overflow:hidden}.dashboard-content[data-view=gridView] .card-project img{object-fit:cover;width:100%;height:100%;-webkit-user-select:none;user-select:none;transition:.2s}.dashboard-content[data-view=gridView] .card-project img.blurred{filter:blur(50px)}.dashboard-content[data-view=gridView] .new-project-card{border-radius:8px;cursor:pointer;box-shadow:var(--floating-menu-boxshadow);display:grid;place-items:center}.dashboard-content[data-view=gridView] .new-project-card>svg{transition:.2s;color:#bbbfc4;width:50%;height:50%}.dashboard-content[data-view=gridView] .new-project-card:hover>svg{color:#c8ccd0}.dashboard-content[data-view=gridView] .card-createDate{display:none}.dashboard-content[data-view=gridView] .card-lastEdit{font-size:12px;color:var(--light-grey)}.dashboard-content[data-view=gridView] .card-lastEdit:before{content:"Edited"}.dashboard-content[data-view=listView]{display:flex;flex-direction:column;gap:32px;padding:32px}.dashboard-content[data-view=listView] .card-project{cursor:pointer;padding:8px;border-radius:8px}.dashboard-content[data-view=listView] .card-project:hover{box-shadow:var(--floating-menu-boxshadow)}.dashboard-content[data-view=listView] .card-footer{display:flex;gap:8px;align-items:center}.dashboard-content[data-view=listView] .card-project img{display:none}.dashboard-content[data-view=listView] .new-project-card{color:#fff;background-color:var(--accent-color);transition:.2s;display:flex;align-items:center;gap:8px;padding:4px 8px;cursor:pointer;border-radius:4px}.dashboard-content[data-view=listView] .new-project-card:after{content:"Project";font-size:12px}.dashboard-content[data-view=listView] .new-project-card:hover{background-color:var(--accent-color-hover)}.dashboard-content[data-view=listView] .column-heading{display:flex}.dashboard-content[data-view=listView] .column-heading>*,.dashboard-content[data-view=listView] .card-footer>*{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-content[data-view=listView] .card-lastEdit,.dashboard-content[data-view=listView] .card-createDate{font-size:14px}.dashboard-content[data-view=listView] .heading-tag{padding:0 8px;font-size:14px;color:var(--light-grey)}.dashboard-content[data-view=listView] #visibility{display:none}.user-cont{display:flex;align-items:center;padding:4px;gap:8px;text-transform:capitalize;cursor:pointer;border-radius:8px;-webkit-user-select:none;user-select:none}.user-cont:hover,.user-cont.active{background-color:var(--floating-menu-hover-bg)}.user-cont svg{margin-left:auto;rotate:-90deg;width:18px;height:18px}.dropdown-header{display:flex;margin-bottom:16px;align-items:center;justify-content:center;flex-direction:column;gap:8px}.dropdown{background-color:#fff;color:#000;padding:16px;margin-top:8px;position:absolute;width:100%;border-radius:8px;box-shadow:var(--floating-menu-boxshadow);display:none}.dropdown.active{display:block}.dropdown-opt-container{display:flex;flex-direction:column;gap:16px}.dropdown .opt{display:flex;align-items:center;cursor:pointer;padding:8px;gap:8px;border-radius:8px;-webkit-user-select:none;user-select:none}.dropdown .opt:hover{background-color:var(--accent-color-hover);color:#fff}.header-mobile{display:none;box-shadow:var(--floating-menu-boxshadow)}.hamburger-cont{display:grid;place-items:center;height:36px;width:36px;border-radius:8px;transition:.2s}.hamburger-cont:active{background-color:var(--floating-menu-hover-bg)}.dashboard-sidebar.active{left:0}[data-icon=cross],[data-icon=hidden]{display:none}@media (max-width: 768px){#dashboard.active{display:flex;flex-direction:column;overflow:hidden}.header-mobile{display:flex;align-items:center}.dashboard-sidebar{position:absolute;height:calc(100% - 36px);left:-100%;transition:.6s;background-color:#fff;z-index:1;width:240px;top:36px}}#detailsView{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#fff;overflow-y:auto;z-index:2}.detailsView-grid{display:flex;flex-direction:column;column-gap:32px;row-gap:16px}.form-field input,textarea{font-family:inherit;border:solid 1px transparent;border-radius:4px;box-shadow:var(--floating-menu-boxshadow);padding:6px}#detailsView .callToActionBtn svg{stroke-width:0;width:19px}#detailsView.active{display:block}#detailsView .header-section{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 0 8px}.header-section>*{display:flex}.title-cont{gap:8px;align-items:center}.sticker-type{height:50px;width:50px;border-radius:50%;display:grid;place-items:center;background-color:#d63d3d}.img-section{display:flex;flex-direction:column;gap:8px;position:relative}.detailsView-toolbar{display:flex;gap:8px;position:absolute;right:16px;top:16px}.detailsView-toolbar-elt:not(.callToActionBtn){cursor:pointer;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#969aa01a}.detailsView-toolbar-elt:not(.callToActionBtn):hover{background-color:var(--floating-menu-hover-bg);color:var(--floating-menu-active-icon-color)}#editImgBtn:after{content:"Edit";font-size:12px}.img-section img{width:100%;box-shadow:var(--floating-menu-boxshadow);-webkit-user-select:none;user-select:none}.img-section textarea{resize:none;height:80px}#stickerDetails{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:12px;color:var(--light-grey);font-weight:500}.form-section{padding-inline:16px;padding-bottom:16px}.detailsView-grid .section-header{display:flex;align-items:center;margin-bottom:8px;font-weight:500}.annexe-cont{display:flex;align-items:center;gap:8px;width:100%;border-radius:4px;padding:4px}#addAnnexeBtn:after{content:"Add annexe";font-size:12px}.delete-annexe,.annexe-thumbnail{height:24px;width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.delete-annexe svg,.annexe-thumbnail svg{width:16px;height:16px}.delete-annexe{margin-left:auto}.annexe-name{font-size:14px}#noteAnnexes-section{padding-inline:16px;padding-bottom:16px}@media (min-width: 1201px){.detailsView-grid{display:grid;grid-template-columns:10fr 2fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header-section header-section" "img-section form-section" "img-section annexes";padding:16px;height:inherit}.detailsView-grid .header-section{grid-area:header-section;padding:0!important}#noteAnnexes-section{grid-area:annexes}.img-section{grid-area:img-section}.form-section{grid-area:form-section}.img-section img{border-radius:4px;height:100%;object-fit:contain}.form-section{padding-inline:unset;padding-bottom:unset}#tags-section .section-content .container,#annexes-section .section-content .container,#noteAnnexes-section .section-content .container,#members-section .section-content .container{overflow:unset}.section-header .toggle-btn{display:none}}img{-webkit-user-select:none;user-select:none}#detaiProjectView{display:none;width:100%;position:absolute;top:0;left:0;background-color:#fff}#detaiProjectView .callToActionBtn{margin-left:auto}#detaiProjectView.active{display:block}.grid-container{display:flex;flex-wrap:wrap;gap:32px;padding:16px}.modal-btn{width:fit-content;margin-left:auto}.header-section{display:flex;align-items:center;position:sticky;top:0;background:#fff;z-index:2;padding:16px}.section-3D{display:grid;gap:16px;position:relative}.section-3D .section-header{display:flex;justify-content:space-between;position:absolute;top:10px;right:10px}.section-3D .section-content{cursor:pointer;box-shadow:var(--floating-menu-boxshadow);width:100%}.section-3D .section-content>img{width:100%;height:100%;object-fit:contain;background:#000;aspect-ratio:16 / 9}.members-cont{display:flex;gap:8px;flex-direction:column;gap:16px;height:100%;overflow:auto}.member-elt{display:flex;gap:8px;align-items:center}.section-header{display:flex;align-items:center;margin-bottom:8px}.section-header .toggle-btn{transform:rotate(-180deg);transition:.5s;height:24px;width:24px;cursor:pointer}.section-title{cursor:pointer}.section-header .toggle-btn svg{pointer-events:none}.section-content{display:flex;flex-direction:column;gap:8px;height:inherit;overflow:auto}.section-content-elt{margin-block:8px}#tags-section .section-content,#annexes-section .section-content,#noteAnnexes-section .section-content,#members-section .section-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows ease-in-out .5s}#tags-section .section-content .container,#annexes-section .section-content .container,#noteAnnexes-section .section-content .container,#members-section .section-content .container{overflow:hidden}#tags-section .section-content.active,#annexes-section .section-content.active,#noteAnnexes-section .section-content.active,#members-section .section-content.active{grid-template-rows:1fr}#tags-section .toggle-btn.active,#annexes-section .toggle-btn.active,#noteAnnexes-section .toggle-btn.active,#members-section .toggle-btn.active{transform:rotate(-90deg)}.section-sticker-nav .section-header{display:flex;gap:16px;margin-bottom:8px}.section-sticker-nav .section-header .icon{height:36px;width:36px;border-radius:6px;display:grid;place-items:center;cursor:pointer;color:var(--coloredGrey);transition:.25s}.section-sticker-nav .section-header .icon.active{background-color:var(--floating-menu-active-bg-color);color:var(--floating-menu-active-icon-color)}.section-sticker-nav .section-header .icon:not(.active):hover{background-color:var(--floating-menu-hover-bg);color:var(--floating-menu-active-icon-color)}.section-sticker-nav .section-content img{width:100%;aspect-ratio:16 / 9;display:flex}.section-sticker-nav .snapshot-thumbnail{cursor:pointer;position:relative;box-shadow:0 0 0 transparent;transition:ease .25s}.section-sticker-nav .snapshot-thumbnail:hover{transform:scale(1.03);box-shadow:0 5px 20px #00000026}.section-sticker-nav .section-content{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.test1{display:none;grid-area:test1;box-shadow:var(--floating-menu-boxshadow)}.test2{display:none;grid-area:test2;box-shadow:var(--floating-menu-boxshadow)}.test3{display:none;grid-area:test3;box-shadow:var(--floating-menu-boxshadow)}.test4{display:none;grid-area:test4;box-shadow:var(--floating-menu-boxshadow)}.section{width:100%}.chart-container{height:250px;min-width:300px;display:grid;place-items:center;box-shadow:var(--floating-menu-boxshadow);padding:8px;flex:1}@media (min-width: 1201px){#detaiProjectView .annexes-section{display:block}.section{height:100%;overflow:hidden;padding-bottom:40px}#detaiProjectView{height:100dvh;overflow:hidden}.chart-container{height:100%;width:100%;display:grid;place-items:center;box-shadow:var(--floating-menu-boxshadow);padding:8px}#section-sticker-nav .section-content{display:flex;padding:8px}#detaiProjectView .grid-container{display:grid;justify-content:center;height:calc(100% - 59.2px);width:100%;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}#detaiProjectView[data-layout="1"] .grid-container{display:grid;grid-template-columns:2fr 3fr 5fr 2fr;grid-template-rows:repeat(6,1fr);grid-template-areas:"tags lineChart section-3D stickerNav" "tags lineChart section-3D stickerNav" "members-cont lineChart section-3D stickerNav" "members-cont barChart pieChart stickerNav" "annexes-section barChart pieChart stickerNav" "annexes-section barChart pieChart stickerNav"}#detaiProjectView[data-layout="2"] .grid-container{display:grid;grid-template-areas:"tags 				barChart 	section-3D 	section-3D 	section-3D 	stickerNav" "tags 				barChart 	section-3D 	section-3D 	section-3D 	stickerNav" "members-cont 		barChart 	section-3D 	section-3D 	section-3D 	stickerNav" "members-cont 		lineChart 	lineChart 	pieChart 	pieChart 	stickerNav" "annexes-section 	lineChart 	lineChart 	pieChart 	pieChart 	stickerNav" "annexes-section 	lineChart 	lineChart 	pieChart 	pieChart 	stickerNav"}#detaiProjectView[data-layout="3"] .grid-container{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-template-areas:"tags 				barChart 	section-3D 	section-3D 	section-3D 	stickerNav" "tags 				barChart 	section-3D 	section-3D 	section-3D 	stickerNav" "tags 				pieChart 	section-3D 	section-3D 	section-3D 	stickerNav" "annexes-section 	pieChart	section-3D  section-3D  section-3D 	stickerNav" "annexes-section 	lineChart 	lineChart 	members-cont	members-cont	stickerNav" "annexes-section 	lineChart 	lineChart 	members-cont	members-cont	stickerNav"}#detaiProjectView[data-layout="4"] .grid-container{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-template-areas:"tags 				barChart 	section-3D 	section-3D 	section-3D 	stickerNav" "tags 				barChart 	section-3D 	section-3D 	section-3D 	stickerNav" "members-cont 		pieChart 	section-3D 	section-3D 	section-3D 	stickerNav" "members-cont 		pieChart	section-3D  section-3D  section-3D 	stickerNav" "annexes-section 	lineChart 	section-3D 	section-3D 	section-3D stickerNav" "annexes-section 	lineChart 	section-3D 	section-3D 	section-3D stickerNav"}#detaiProjectView[data-layout="5"] .grid-container{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-template-areas:"tags 				pieChart 	pieChart 	lineChart 	lineChart 	stickerNav" "tags 				pieChart 	pieChart 	lineChart 	lineChart 	stickerNav" "members-cont 		barChart 	section-3D 	section-3D 	section-3D 	stickerNav" "members-cont 		barChart	section-3D  section-3D  section-3D 	stickerNav" "annexes-section 	barChart	section-3D 	section-3D 	section-3D stickerNav" "annexes-section 	barChart	section-3D 	section-3D 	section-3D stickerNav"}#detaiProjectView[data-layout="6"] .grid-container{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);grid-template-areas:"tags 				tags 				pieChart 		pieChart 	section-3D 	section-3D 	section-3D 	section-3D 		barChart 	barChart 	stickerNav 	stickerNav" "tags 				tags 				pieChart 		pieChart 	section-3D 	section-3D 	section-3D 	section-3D 		barChart 	barChart 	stickerNav 	stickerNav" "annexes-section 	annexes-section 	test1 			test1 		section-3D 	section-3D 	section-3D 	section-3D 		test2 		test2 		stickerNav 	stickerNav" "annexes-section 	annexes-section 	test1			test1		section-3D 	section-3D 	section-3D 	section-3D 		test2 		test2 		stickerNav 	stickerNav" "members-cont 		members-cont 		test3 			test3 		lineChart 	lineChart 	lineChart 	lineChart 		test4 		test4 		stickerNav 	stickerNav" "members-cont 		members-cont 		test3 			test3 		lineChart 	lineChart 	lineChart 	lineChart 		test4 		test4 		stickerNav 	stickerNav"}#detaiProjectView[data-layout="6"] .test1,#detaiProjectView[data-layout="6"] .test2,#detaiProjectView[data-layout="6"] .test3,#detaiProjectView[data-layout="6"] .test4{display:block}.tags-section{grid-area:tags}.barChart{grid-area:barChart}.pieChart{grid-area:pieChart}.lineChart{grid-area:lineChart}.annexes-section{grid-area:annexes-section}#section-sticker-nav{grid-area:stickerNav}.header-section{grid-area:header-section}.section-3D{grid-area:section-3D}.members-section{grid-area:members-cont}.section-sticker-nav .snapshot-thumbnail:hover{transform:scale(1.03);box-shadow:none}#tags-section .section-content .container,#annexes-section .section-content .container,#noteAnnexes-section .section-content .container,#members-section .section-content .container{overflow:unset}.section-header .toggle-btn{display:none}}.layouts{display:flex;flex-direction:column;gap:8px}.layout{cursor:pointer}body{display:grid}h2{color:#333}.login-form-container{width:350px;margin:auto;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;text-align:center;display:none}.login-form-container.active{display:block}#login .form-field{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}#login .form-field:focus-visible{border-color:transparent;outline:2px solid hsl(211,100%,50%)}.login-form-container input[type=submit]{background-color:var(--accent-color);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.login-form-container input[type=submit]:hover{background-color:var(--accent-color-hover)}.modalView:focus,.modalView:focus-visible{border:none;outline:none}