/*Light Mode needs to be fixed*/
	/* :root {
      	--Colors-Brand-Error: #E6173A;
        --Colors-Brand-Lavender: #A117E6;
        --Colors-Brand-Primary: #1755E6;
        --Colors-Brand-Secondary: #4E17E6;
        --Colors-Brand-Success: #2DD466;
        --Colors-Brand-Turquoise: #23C7D1;
        --Colors-Brand-Warning: #E67F17;
        --Colors-Brand-White: #FFFFFF;
        --Colors-Brand-Black: #000000;
        
        --Colors-Error-100: #FFD7DE;
        --Colors-Error-200: #FE9BAC;
        --Colors-Error-300: #F86C84;
        --Colors-Error-400: #F04763;
        --Colors-Error-500: #E6173A;
        --Colors-Error-600: #CE1836;
        --Colors-Error-700: #9F1028;
        --Colors-Error-800: #7D071A;
        --Colors-Error-900: #49000C;
        
        --Colors-Lavender-100: #F2D7FF;
        --Colors-Lavender-200: #DD9BFE;
        --Colors-Lavender-300: #C96CF8;
        --Colors-Lavender-400: #B847F0;
        --Colors-Lavender-500: #A117E6;
        --Colors-Lavender-600: #9118CE;
        --Colors-Lavender-700: #6F109F;
        --Colors-Lavender-800: #55077D;
        --Colors-Lavender-900: #310049;
        
        --Colors-Primary-100: #D7E4FF;
        --Colors-Primary-200: #9BBAFE;
        --Colors-Primary-300: #6C97F8;
        --Colors-Primary-400: #477BF0;
        --Colors-Primary-500: var(--Colors-Brand-Primary);
        --Colors-Primary-600: #184ECE;
        --Colors-Primary-700: #103B9F;
        --Colors-Primary-800: #072B7D;
        --Colors-Primary-900: #001749;
        
        --Colors-Secondary-100: #E2D7FF;
        --Colors-Secondary-200: #B69BFE;
        --Colors-Secondary-300: #926CF8;
        --Colors-Secondary-400: #7447F0;
        --Colors-Secondary-500: #4E17E6;
        --Colors-Secondary-600: #4918CE;
        --Colors-Secondary-700: #36109F;
        --Colors-Secondary-800: #26077D;
        --Colors-Secondary-900: #130049;
        
        --Colors-Success-100: #D7FFE4;
        --Colors-Success-200: #9BFEBC;
        --Colors-Success-300: #6CF89B;
        --Colors-Success-400: #47F07F;
        --Colors-Success-500: #2DD466;
        --Colors-Success-600: #18CE55;
        --Colors-Success-700: #109F40;
        --Colors-Success-800: #077D2E;
        --Colors-Success-900: #004918;
        
        --Colors-Surface-Line-100: #FFFFFF;
        --Colors-Surface-Line-200: #F5F6F7;
        --Colors-Surface-Line-300: #F3F3F5;
        --Colors-Surface-Line-400: #F0F1F2;
        --Colors-Surface-Line-500: #EEEEF0;
        --Colors-Surface-Line-600: #EBECED;
        --Colors-Surface-Line-700: #E9E9EB;
        --Colors-Surface-Line-800: #E6E7E8;
        --Colors-Surface-Line-900: #E4E4E5;
        
        --Colors-Text-100: #EAEAEB;
        --Colors-Text-200: #BABCC0;
        --Colors-Text-300: #8B8E95;
        --Colors-Text-400: #646872;
        --Colors-Text-500: #424754;
        --Colors-Text-600: #232834;
        --Colors-Text-700: #11151D;
        --Colors-Text-800: #05070D;
        --Colors-Text-900: #000103;
        
        --Colors-Turquoise-100: #D7FCFF;
        --Colors-Turquoise-200: #9BF7FE;
        --Colors-Turquoise-300: #6CEEF8;
        --Colors-Turquoise-400: #47E5F0;
        --Colors-Turquoise-500: #23C7D1;
        --Colors-Turquoise-600: #18C2CE;
        --Colors-Turquoise-700: #10969F;
        --Colors-Turquoise-800: #07757D;
        --Colors-Turquoise-900: #004449;
        
        --Colors-WarmGrey-100: #EBEBEA;
        --Colors-WarmGrey-200: #C0BDBA;
        --Colors-WarmGrey-300: #E4E4E5;
        --Colors-WarmGrey-400: #726B64;
        --Colors-WarmGrey-500: #544B42;
        --Colors-WarmGrey-600: #342C23;
        --Colors-WarmGrey-700: #1D1711;
        --Colors-WarmGrey-800: #0D0905;
        --Colors-WarmGrey-900: #030200;
        
        --Colors-Warning-100: #FFEBD7;
        --Colors-Warning-200: #FECC9B;
        --Colors-Warning-300: #F8B26C;
        --Colors-Warning-400: #F09B47;
        --Colors-Warning-500: #E67F17;
        --Colors-Warning-600: #CE7318;
        --Colors-Warning-700: #9F5710;
        --Colors-Warning-800: #7D4207;
        --Colors-Warning-900: #492400;
        
        --down-arrow-image:url(images/down-arrow.svg);
        --tool-tip-arrow:url(images/tooltip-arrow.svg);
        --search:url(images/search.svg);
		--alert_success:url(images/check.svg);
		--alert_warning:url(images/warning.svg);
		--alert_close:url(images/close.svg);
    } */

	:root {
		--Colors-Brand-Error: #E6173A;
        --Colors-Brand-Lavender: #A117E6;
        --Colors-Brand-Primary: #1755E6;
        --Colors-Brand-Secondary: #4E17E6;
        --Colors-Brand-Success: #2DD466;
        --Colors-Brand-Turquoise: #23C7D1;
        --Colors-Brand-Warning: #E67F17;
        --Colors-Brand-White: #030200;
        --Colors-Brand-Black: #fff;
        
        --Colors-Error-100: #FFD7DE;
        --Colors-Error-200: #FE9BAC;
        --Colors-Error-300: #F86C84;
        --Colors-Error-400: #F04763;
        --Colors-Error-500: #E6173A;
        --Colors-Error-600: #CE1836;
        --Colors-Error-700: #9F1028;
        --Colors-Error-800: #7D071A;
        --Colors-Error-900: #49000C;
        
        --Colors-Lavender-100: #310049;
        --Colors-Lavender-200: #55077D;
        --Colors-Lavender-300: #6F109F;
        --Colors-Lavender-400: #9118CE;
        --Colors-Lavender-500: #A117E6;
        --Colors-Lavender-600: #B847F0;
        --Colors-Lavender-700: #C96CF8;
        --Colors-Lavender-800: #DD9BFE;
        --Colors-Lavender-900: #F2D7FF;
        
        --Colors-Primary-100: #081736;
        --Colors-Primary-200: #0B2869;
        --Colors-Primary-300: #0D2F7D;
        --Colors-Primary-400: #2853BB;
        --Colors-Primary-500: #4C7CED;
        --Colors-Primary-600: #719CFE;
        --Colors-Primary-700: #91B2FC;
        --Colors-Primary-800: #BDD1FF;
        --Colors-Primary-900: #D7E4FF;
        
        --Colors-Secondary-100: #130049;
        --Colors-Secondary-200: #26077D;
        --Colors-Secondary-300: #36109F;
        --Colors-Secondary-400: #4918CE;
        --Colors-Secondary-500: #4E17E6;
        --Colors-Secondary-600: #7447F0;
        --Colors-Secondary-700: #926CF8;
        --Colors-Secondary-800: #B69BFE;
        --Colors-Secondary-900: #E2D7FF;
        
        --Colors-Success-100: #D7FFE4;
        --Colors-Success-200: #9BFEBC;
        --Colors-Success-300: #6CF89B;
        --Colors-Success-400: #47F07F;
        --Colors-Success-500: #2DD466;
        --Colors-Success-600: #18CE55;
        --Colors-Success-700: #109F40;
        --Colors-Success-800: #077D2E;
        --Colors-Success-900: #004918;
        
        --Colors-Surface-Line-100: #000000;
        --Colors-Surface-Line-200: #0A0A0A;
        --Colors-Surface-Line-300: #141414;
        --Colors-Surface-Line-400: #1E1E1F;
        --Colors-Surface-Line-500: #282829;
        --Colors-Surface-Line-600: #2E2E2E;
        --Colors-Surface-Line-700: #333333;
        --Colors-Surface-Line-800: #383838;
        --Colors-Surface-Line-900: #737373;
        
        --Colors-Text-100: #232834;
        --Colors-Text-200: #424754;
        --Colors-Text-300: #646872;
        --Colors-Text-400: #979EAA;
        --Colors-Text-500: #B5B9C3;
        --Colors-Text-600: #D4D6DD;
        --Colors-Text-700: #E7E9EE;
        --Colors-Text-800: #EFF1F6;
        --Colors-Text-900: #FFFFFF;
        
        --Colors-Turquoise-100: #D7FCFF;
        --Colors-Turquoise-200: #9BF7FE;
        --Colors-Turquoise-300: #6CEEF8;
        --Colors-Turquoise-400: #47E5F0;
        --Colors-Turquoise-500: #23C7D1;
        --Colors-Turquoise-600: #18C2CE;
        --Colors-Turquoise-700: #10969F;
        --Colors-Turquoise-800: #07757D;
        --Colors-Turquoise-900: #004449;
        
        --Colors-WarmGrey-100: #EBEBEA;
        --Colors-WarmGrey-200: #C0BDBA;
        --Colors-WarmGrey-300: #E4E4E5;
        --Colors-WarmGrey-400: #726B64;
        --Colors-WarmGrey-500: #544B42;
        --Colors-WarmGrey-600: #342C23;
        --Colors-WarmGrey-700: #1D1711;
        --Colors-WarmGrey-800: #0D0905;
        --Colors-WarmGrey-900: #030200;
        
        --Colors-Warning-100: #FFEBD7;
        --Colors-Warning-200: #FECC9B;
        --Colors-Warning-300: #F8B26C;
        --Colors-Warning-400: #F09B47;
        --Colors-Warning-500: #E67F17;
        --Colors-Warning-600: #CE7318;
        --Colors-Warning-700: #9F5710;
        --Colors-Warning-800: #7D4207;
        --Colors-Warning-900: #492400;
        
        --down-arrow-image:url(images/dark/down-arrow.svg);
        --tool-tip-arrow:url(images/dark/tooltip-arrow.svg);
        --search:url(images/dark/search.svg);
		--brightness:brightness(2);
		--alert_success:url(images/dark/check.svg);
		--alert_warning:url(images/dark/warning.svg);
		--alert_close:url(images/dark/close.svg);
	}
    
    @media (prefers-color-scheme: dark) {
       :root {
         
        --Colors-Brand-Error: #E6173A;
        --Colors-Brand-Lavender: #A117E6;
        --Colors-Brand-Primary: #1755E6;
        --Colors-Brand-Secondary: #4E17E6;
        --Colors-Brand-Success: #2DD466;
        --Colors-Brand-Turquoise: #23C7D1;
        --Colors-Brand-Warning: #E67F17;
        --Colors-Brand-White: #030200;
        --Colors-Brand-Black: #fff;
        
        --Colors-Error-100: #FFD7DE;
        --Colors-Error-200: #FE9BAC;
        --Colors-Error-300: #F86C84;
        --Colors-Error-400: #F04763;
        --Colors-Error-500: #E6173A;
        --Colors-Error-600: #CE1836;
        --Colors-Error-700: #9F1028;
        --Colors-Error-800: #7D071A;
        --Colors-Error-900: #49000C;
        
        --Colors-Lavender-100: #310049;
        --Colors-Lavender-200: #55077D;
        --Colors-Lavender-300: #6F109F;
        --Colors-Lavender-400: #9118CE;
        --Colors-Lavender-500: #A117E6;
        --Colors-Lavender-600: #B847F0;
        --Colors-Lavender-700: #C96CF8;
        --Colors-Lavender-800: #DD9BFE;
        --Colors-Lavender-900: #F2D7FF;
        
        --Colors-Primary-100: #081736;
        --Colors-Primary-200: #0B2869;
        --Colors-Primary-300: #0D2F7D;
        --Colors-Primary-400: #2853BB;
        --Colors-Primary-500: #4C7CED;
        --Colors-Primary-600: #719CFE;
        --Colors-Primary-700: #91B2FC;
        --Colors-Primary-800: #BDD1FF;
        --Colors-Primary-900: #D7E4FF;
        
        --Colors-Secondary-100: #130049;
        --Colors-Secondary-200: #26077D;
        --Colors-Secondary-300: #36109F;
        --Colors-Secondary-400: #4918CE;
        --Colors-Secondary-500: #4E17E6;
        --Colors-Secondary-600: #7447F0;
        --Colors-Secondary-700: #926CF8;
        --Colors-Secondary-800: #B69BFE;
        --Colors-Secondary-900: #E2D7FF;
        
        --Colors-Success-100: #D7FFE4;
        --Colors-Success-200: #9BFEBC;
        --Colors-Success-300: #6CF89B;
        --Colors-Success-400: #47F07F;
        --Colors-Success-500: #2DD466;
        --Colors-Success-600: #18CE55;
        --Colors-Success-700: #109F40;
        --Colors-Success-800: #077D2E;
        --Colors-Success-900: #004918;
        
        --Colors-Surface-Line-100: #000000;
        --Colors-Surface-Line-200: #0A0A0A;
        --Colors-Surface-Line-300: #141414;
        --Colors-Surface-Line-400: #1E1E1F;
        --Colors-Surface-Line-500: #282829;
        --Colors-Surface-Line-600: #2E2E2E;
        --Colors-Surface-Line-700: #333333;
        --Colors-Surface-Line-800: #383838;
        --Colors-Surface-Line-900: #737373;
        
        --Colors-Text-100: #232834;
        --Colors-Text-200: #424754;
        --Colors-Text-300: #646872;
        --Colors-Text-400: #979EAA;
        --Colors-Text-500: #B5B9C3;
        --Colors-Text-600: #D4D6DD;
        --Colors-Text-700: #E7E9EE;
        --Colors-Text-800: #EFF1F6;
        --Colors-Text-900: #FFFFFF;
        
        --Colors-Turquoise-100: #D7FCFF;
        --Colors-Turquoise-200: #9BF7FE;
        --Colors-Turquoise-300: #6CEEF8;
        --Colors-Turquoise-400: #47E5F0;
        --Colors-Turquoise-500: #23C7D1;
        --Colors-Turquoise-600: #18C2CE;
        --Colors-Turquoise-700: #10969F;
        --Colors-Turquoise-800: #07757D;
        --Colors-Turquoise-900: #004449;
        
        --Colors-WarmGrey-100: #EBEBEA;
        --Colors-WarmGrey-200: #C0BDBA;
        --Colors-WarmGrey-300: #E4E4E5;
        --Colors-WarmGrey-400: #726B64;
        --Colors-WarmGrey-500: #544B42;
        --Colors-WarmGrey-600: #342C23;
        --Colors-WarmGrey-700: #1D1711;
        --Colors-WarmGrey-800: #0D0905;
        --Colors-WarmGrey-900: #030200;
        
        --Colors-Warning-100: #FFEBD7;
        --Colors-Warning-200: #FECC9B;
        --Colors-Warning-300: #F8B26C;
        --Colors-Warning-400: #F09B47;
        --Colors-Warning-500: #E67F17;
        --Colors-Warning-600: #CE7318;
        --Colors-Warning-700: #9F5710;
        --Colors-Warning-800: #7D4207;
        --Colors-Warning-900: #492400;
        
        --down-arrow-image:url(images/dark/down-arrow.svg);
        --tool-tip-arrow:url(images/dark/tooltip-arrow.svg);
        --search:url(images/dark/search.svg);
		--brightness:brightness(2);
		--alert_success:url(images/dark/check.svg);
		--alert_warning:url(images/dark/warning.svg);
		--alert_close:url(images/dark/close.svg);
        }
    }
    


@font-face {
	font-family: 'GraphikLCG';
		src: url('fonts/GraphikLCG-Extralight.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'GraphikLCG';
		src: url('fonts/GraphikLCG-Light.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'GraphikLCG';
		src: url('fonts/GraphikLCG-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'GraphikLCG';
		src: url('fonts/GraphikLCG-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'GraphikLCG';
		src: url('fonts/GraphikLCG-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'GraphikLCG';
		src: url('fonts/GraphikLCG-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'GraphikLCG';
		src: url('fonts/GraphikLCG-Black.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

/*---------------------------------------------------------------- BASE ----------------------------------------------*/

    
html, body, div, header, section{
	font-family: 'Inter', sans-serif;
	padding:0;
	margin:0;
	font-size:16px;
	box-sizing:border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.loading_page {
	position: fixed;
	top:0;
	left: 0;
	height: 100vh;
	width: 100%;
	background: var(--Colors-Surface-Line-300);
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	z-index:99 ;
}
/* width */
.middle_column::-webkit-scrollbar {
	opacity: 0;
}	
.middle_column:hover::-webkit-scrollbar {
	opacity: 1;
}	
/* width */
::-webkit-scrollbar {
	width: 6px;
}	

/* Track */
::-webkit-scrollbar-track {
	background: transparent; 
	border-radius: 1000px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,0.1);
	border-radius: 1000px;
	margin-right: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: rgba(255,255,255,0.15);
	border-radius: 1000px;
	margin-right: 10px;
}
.simplebar-scrollbar::before {
	background: rgba(255,255,255,0.2);
 }
body {
	background: var(--Colors-Surface-Line-200);
	width:100%;
	color: var(--Colors-Text-900, #000103);
	padding: 12px 12px 0px;
}
p {
	color: var(--Colors-Text-400);
	line-height: 180%;
	font-size: 14px;
	margin: 0;
}
a{
	color:var(--Colors-Brand-Black, #000000);
}
.line {
	background: var(--Colors-Surface-Line-500, #1E1E1F);
	height: 1px;
	width: 100%;
}
.line_light {
	background: var(--Colors-Surface-Line-800, #1E1E1F);
	height: 1px;
	width: 100%;
}
.hide {
	display: none !important;
}
.pointer {
	cursor: pointer;
}
.container {
	max-width:100%;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
	display:flex;
	width:100%;
	margin:0 auto;
	padding:0px 12px;
}
.container_center{
	max-width:600px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.section_middle_text_block {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	gap: 8px;
	max-width: 80%;
}
.section_middle_text_block h3{
	margin: 0;
}
.sub_state_wrapper {
	display: flex;
	flex: 1;
	background: var(--surface-line-400, #1E1E1F);
	overflow: auto;
	height: 100%;
	flex-direction: column;
	padding:36px;
	overflow: auto;
	width:100%;
}
.button-1x {
	cursor:pointer;
	text-decoration:none;
	font-size: 13px;
	font-weight: 500;
	line-height: 14px;
	word-wrap: break-word;
	padding:8px 12px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	display: inline-flex;
	white-space: nowrap;
	border-radius:8px;
	transition: all 0.5s;
}
.button-3x {
	cursor:pointer;
	text-decoration:none;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	word-wrap: break-word;
	padding:12px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	display: inline-flex;
	white-space: nowrap;
	border-radius:8px;
	min-width: 108px;
}
.button_loading {
	display: flex;
}
.button_done {
	display: flex;
}
/* Toggle styles */
.toggle {
	position: relative;
	display: inline-block;
	width: 54px;
	height: 26px;
  }
  
  .toggle+input {
	display: none;
  }
  
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--Colors-Surface-Line-900);
	border-radius: 30px;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 19px;
	width: 19px;
	left: 4px;
	bottom: 4px;
	background-color: var(--Colors-Surface-Line-700);
	border-radius: 50%;
	transition: .4s;
  }
  
  input[type=checkbox]:checked+.toggle .slider {
	background-color: var(--Colors-Success-600);
  }
  
  input[type=checkbox]:checked+.toggle .slider:before {
	transform: translateX(26px);
	background-color: white;
  }
.floating_buttton {
	line-height: 24px;
	position: fixed;
	right: 48px;
	bottom: 48px;
	border-radius: 100px;
	min-width: none;
}
.floating_buttton img{
	filter: brightness(2);
	-webkit-filter: brightness(2);
}
.button-link{
	background:transparent;
	border:0.5px solid transparent;
	color: var(--Colors-Text-500, #000103);
	padding:12px 4px;
}
.button-link:hover{
	text-decoration: underline;
	color: var(--Colors-Text-900, #000103);
}
.button-outline{
	color: var(--Colors-Text-900, #000103);
	background: var(--Colors-Brand-White, #fff);
	border: 0.5px var(--Colors-Text-300, #8B8E95) solid;
}
/* .button-filled{
	background: var(--Colors-Surface-Line-600, #000103);
	color: var(--Colors-Brand-Black, #fff);
	border:0.5px solid var(--Colors-Surface-Line-600, #000103);
	transition: all 0.5s;
} */
.button-filled{
	background: var(--Colors-Brand-Primary, #000103);
	color: var(--Colors-Brand-Black, #fff);
	border: 0.5px solid var(--Colors-Primary-300, #000103);
	transition: all 0.5s;
}
/* .button-filled:hover {
	background: var(--Colors-Surface-Line-800, #000103);;
	border:0.5px solid var(--Colors-Surface-Line-900, #000103);
} */
.button-filled:hover {
	background: var(--Colors-Primary-400, #000103);;
	border:0.5px solid var(--Colors-Primary-100, #000103);
}
.button-outline-grey{
	color: var(--Colors-Text-500, #424754);
	background: var(--Colors-Brand-White, #fff);
	border: 0.5px var(--Colors-Text-200, #BABCC0) solid;
}
.btn-group-full-bottom {
	display: flex;
	padding: 12px 0px;
	width: 100%;
	gap: 16px;
	justify-content: right;
}
.chip_success_2x {
	display: flex;
	padding: var(--1x, 4px) var(--4x, 16px);
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	border-radius: var(--3x, 12px);
	background: var(--Colors-Success-700, #CE7318);
	color: #fff;
	font-size: 12px;
	border-radius: 24px;
	width: fit-content;
}
.chip_danger_2x {
	display: flex;
	padding: var(--1x, 4px) var(--4x, 16px);
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	background: var(--Colors-Error-500, #CE7318);
	color: #fff;
	font-size: 12px;
	border-radius: 24px;
	width: fit-content;
}
.chip_warning_2x {
	display: flex;
	padding: var(--1x, 4px) var(--4x, 16px);
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	background: var(--Colors-Warning-600, #CE7318);
	color: #fff;
	font-size: 12px;
	border-radius: 24px;
	width: fit-content;
}
.card {
	display: flex;
	padding: var(--6x, 24px);
	flex-direction: column;
	gap: 12px;
	border-radius: var(--4x, 16px);
	border: 1px solid var(--Colors-Surface-Line-800, #383838);
	background: var(--Colors-Surface-Line-500, #282829);
}
.card_title {
	color: var(--Colors-Text-900, #FFF);

	/* Body/Med */
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 180%; /* 25.2px */
	letter-spacing: -0.28px;

	align-self: stretch;
}
.card_description {
	color: var(--Colors-Text-500, #B5B9C3);

	/* Body/Reg */
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 25.2px */
	letter-spacing: -0.14px;

	align-self: stretch;
}
.card_footer {
	color: var(--Text-400, #979EAA);

	/* Small/Reg */
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 150% */
	letter-spacing: -0.24px;

	flex: 1 0 0;
}
.empty_state {
	display: flex;
	flex-direction: column;
	gap: 0px;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex: 1;
}
.empty_state h1{
	margin: 0;
	font-size: 60px;
}
.empty_state_text_wrapper {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.empty_state_text_wrapper h3{
	color: var(--Colors-Text-700);
	margin: 0;
}
.empty_state_text_wrapper p{
	color: var(--Colors-Text-500);
}
.note {
	display: flex;
	padding: var(--6x, 24px);
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--2x, 8px);
	align-self: stretch;
	border-radius: var(--3x, 12px);
	border: 1px solid var(--surface-line-800, #383838);
	background: var(--surface-line-700, #333);
}
.note_title_wrapper {
	display: flex;
	align-items: center;
	gap: var(--2x, 8px);
	align-self: stretch;
}
.note_title {
	flex: 1 0 0;
	color: var(--Colors-Text-900, #FFF);

	/* Body/Seb */
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 180%; /* 25.2px */
	letter-spacing: -0.28px;
}
.note_title_wrapper img{
	filter: brightness(2);
}
.note_description {
	color: var(--Colors-Text-900, #FFF);

	/* Body/Reg */
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 25.2px */
	letter-spacing: -0.14px;
}
.list_item {
	display: flex;
	padding: var(--4x, 16px) var(--None, 0px);
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-bottom: 1px solid var(--Colors-Surface-Line-800, #383838);
}
.list_item.has_section {
	cursor: pointer;
}
.list_label {
	color: var(--Colors-Text-900, #FFF);
	/* Body/Reg */
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 25.2px */
	letter-spacing: -0.14px;
	flex: 1;
}
.list_label small{
	color: var(--Colors-Text-400, #FFF);
}
.list_section {
	display: flex;
	padding: var(--4x, 16px) 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
	display: none;
}
.list_arrow_rotate {
	transform: rotate(90deg);
	transition: transform 0.3s ease-in-out; /* Optional: for smooth transition */
}
.list_action {
	font-size: 12px;
}
.mt_1x {
	margin-top: 16px;
}
.mt_2x {
	margin-top: 24px;
}
.mt_3x {
	margin-top: 32px;
}
.mt_4x {
	margin-top: 64px;
}
.mb_1x {
	margin-bottom: 16px;
}
.mb_2x {
	margin-bottom: 24px;
}
.mb_3x {
	margin-bottom: 32px;
}
.mb_4x {
	margin-bottom: 64px;
}




/*---------------------------------------------------------------- TOOLTIP ----------------------------------------------*/




.tooltip-overide-bottom, .tooltip-overide-left  {
	background:var(--Colors-Surface-Line-500, #fff);
	padding:0;
	opacity:1;
	border:1px solid var(--Colors-Surface-Line-500, #F0F1F2);
	color:var(--Colors-Text-800, #424754);
	border-radius:6px;
	box-shadow: 0px 2px 4px 0px rgba(36, 52, 71, 0.20);
}
.ui-tooltip {
	border-width:0px;
}
.tooltip-overide-bottom  .ui-tooltip-content, .tooltip-overide-left  .ui-tooltip-content {
	font-size:13px;
	letter-spacing:-1%;
	padding:4px 8px;
}
/* 
.tooltip-overide-bottom ::before {
	content: var(--tool-tip-arrow);
	position: absolute;
	display: block;
	top:0px;
	left: calc(50% - 10px);
	margin-top:-12px;
}
.tooltip-overide-left ::before {
	content: var(--tool-tip-arrow);
	position: absolute;
	display: block;
	top:4px;
	left: -10px;
	transform: rotate(-90deg);
	margin-top:0px;
} */





/*---------------------------------------------------------------- HEADER ----------------------------------------------*/





header {
	width: calc(100% - 24px);
	padding-top: 12px;
	padding-bottom: 12px;
	background: var(--Colors-Brand-White, #fff);
	box-shadow: 0px 2px 4px rgba(36, 52, 71, 0.05);
	border: 1px solid var(--Colors-Surface-Line-400);
	justify-content: flex-start;
	align-items: center;
	gap: 32px;
	display:flex;
    padding: 8px;
    left:12px;
    border-radius: 12px;
	width: 100%;
	margin-bottom: 12px;
}
header .container {
	padding: 0px 6px;
}
header .logo, header .logo_mobile {
	color: var(--colors-text-700, #E7E9EE);
	/* Subtitle/Bol */
	font-family: Inter;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 141.176% */
	letter-spacing: -0.34px;
}
header .logo_mobile{
	display: none;
}
.logo a, .logo_mobile a{
	text-decoration:none
}
.logo a span {
	position: absolute;
	font-size: 8px;
	font-weight: 100;
	top: 22px;
	left: 70px;
	background: var(--Colors-Brand-Primary);
	border-radius: 3px;
	padding: 2px 4px;
	line-height: normal;
}
header .textbox, header .search {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: var(--Colors-Surface-Line-400, #F0F1F2);
	border-radius: 1000px;
	overflow: hidden;
	justify-content: space-between;
	align-items: center;
	display: inline-flex;
	border:0;
	width:100%;
	font-size:14px;
	flex-wrap: nowrap;
	overflow-x: auto;
	white-space: nowrap;
	height: 36px;
	gap:4px;
}
header .search {
    background:var(--search) no-repeat;
    background-size:16px 17px;
    background-position:10px center;
}
header .search tag:first-child{
	margin-left: 28px;
}
header .search:focus {
	outline: none !important;
}
header .button-group{
	justify-content: flex-end;
	align-items: center;
	gap: 16px;
	display: inline-flex;
}
header img, .table_row img, .profile_avatar img {
	border-radius: 12px;
	border: 1px solid var(--Colors-Surface-Line-700);
	height: 32px;
	width: 32px;
	margin-top: 2px;
}
header .user_group {
	display: flex;
	gap: 4px;
}
header .no_image {
	height: 36px;
	width: 36px;
}





/*---------------------------------------------------------------- HERO ----------------------------------------------*/






.hero_wrapper{
	display: flex;
	padding: 36px var(--6x, 24px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--3x, 12px);
	align-self: stretch;
}
.hero_wrapper .display {
	color: var(--colors-text-600, #D4D6DD);
	font-size: 29px;
	font-weight:500;
	align-self: stretch;
	margin:0
}
.hero_wrapper .display .regular {
	font-weight:500;
}
.hero_sub_text {
	flex: 1 1 0;
	align-self: stretch;
	color: var(--Colors-Text-300, #979EAA);
	font-size: 16px;
	font-family: Inter;
	line-height: 24px;
	word-wrap: break-word;
	align-self: flex-start;
}






/*---------------------------------------------------------------- SEARCH ----------------------------------------------*/



.search_tags_wrapper {
	display: inline-flex;
	padding: 0px 12px;
	align-items: center;
	gap: 16px;
}
.filter_label {
	display: flex;
	align-items: center;
	gap:4px;
	color: var(--Colors-Text-300, #8B8E95);
	font-size:14px
}
.filter_label input {
	border:0
}
.search, .designerSkills, .designerOrgs, .designerInds{
	--tag-bg : var(--Colors-Brand-White, #fff);
	--tag-hover : var(--Colors-Brand-White, #fff);
	--tag-text-color : var(--Colors-Brand-Black, #000000);
	--tags-border-color : var(--Colors-Surface-Line-900, #E4E4E5);
	--tag-border-radius : 100px;
	--tag-text-color--edit : #111;
	--tag-remove-bg : var(--tag-hover);
	--tag-pad : .2em 0.6em;
	--tag-inset-shadow-size : 1.35em;
	--tag-remove-btn-bg--hover: black;
	scrollbar-width:none;
	-ms-overflow-style: none;
	/* IE 11 */
	display: inline-block;
	min-width: 0;
	border: none;
}
.tagify {
	display: flex;
	align-content: center;
	align-items: center;
	gap: 0px;
}
.tagify--select::after {
	content: no-open-quote;
	background: var(--down-arrow-image) no-repeat;
	transform: none;
	height: 5px;
	width: 10px;
	background-size: 10px 5px;
	top: 45%;
	right:16px;
	opacity: 1;
}
.tagify--select[aria-expanded=true]::after {
	transform:none;
	transform:rotate(180deg);
}
.search::-webkit-scrollbar {
	display: none;
}
/* .tagify__tag {
	margin-right: 8px;
} */
.search .tagify__tag{
	margin:0;
}
.tagify__tag>div {
	padding: 4px 10px;
}
.tagify__tag__removeBtn {
	margin-right:8px;
	background: var(--Colors-Surface-Line-900, #E4E4E5);
    color: var(--Colors-Brand-White, #ffffff);
}
.tagify__tag--editable .tagify__tag-text {
	color: var(--Colors-Text-900);
}
.tagify__tag--editable .tagify__tag__removeBtn {
	color: var(--Colors-Text-900);
	background: none;
}
/* Do not show the "remove tag" (x) button when only a single tag remains */
/*.customLook .tagify__tag:only-of-type .tagify__tag__removeBtn{
	*/
	/* display: none;
	*/
	/*
}
*/
/*.search .tagify__tag__removeBtn{
	*/
	/* opacity: 0;
	*/
	/* transform: translateX(-6px) scale(.5);
	*/
	/* margin-left: -3ch;
	*/
	/* transition: .12s;
	*/
	/*
}
*/
/*.search .tagify__tag:hover .tagify__tag__removeBtn{
	*/
	/* transform: none;
	*/
	/* opacity: 1;
	*/
	/* margin-left: -1ch;
	*/
	/*
}
*/
.tags-look .tagify__dropdown__item {
  margin: .2em;
  font-size: 1em;
  color: var(--Colors-Brand-Black, #000000);
  transition: 0s;
}
.tags-look .tagify__dropdown__item--active{
  color: var(--Colors-Brand-Black, #000000);
  background:none;
}
.tagify__input {
    padding:0;
    margin:0px;
	margin-left: 28px;
}
.form-control .tagify__input {
	margin-left: 0px;
}
.form-control.designerSkills .tagify__input, .form-control.designerOrgs .tagify__input, .form-control.designerInds .tagify__input {
	margin-left: 12px;
}
tag+.tagify__input {
	margin-left: 2px;
}
.tagify--empty .tagify__input::before, .tagify__input:empty::before, .tagify__input:focus:empty::before {
    color: var(--Colors-Text-200, #000000);
    margin:auto 2px 0px;
}
.tags-look .tagify__dropdown__item:hover{
  background: var(--Colors-Surface-Line-400, #F0F1F2);
  border-color: gold;
}

.tags-look .tagify__dropdown__item--hidden {
    max-width: 0;
    max-height: initial;
    padding: .3em 0;
    margin: .2em 0;
    white-space: nowrap;
    text-indent: -20px;
    border: 0;
}
.search + button{
	color: #0052BF;
	font: bold 1.4em/1.65 Arial;
	border: 0;
	background: none;
	box-shadow: 0 0 0 2px inset currentColor;
	border-radius: 50%;
	width: 1.65em;
	height: 1.65em;
	cursor: pointer;
	outline: none;
	transition: .1s ease-out;
	margin: 0 0 0 5px;
	vertical-align: top;
}
.search + button:hover{
	box-shadow: 0 0 0 5px inset currentColor;
}
.customLook .tagify__input{
	display: none;
}
.tagify__tag>div>* {
	white-space:nowrap;
	font-size: 14px;
}
.tagify__dropdown {
	border:1px solid var(--Colors-Text-100, #EAEAEB);
	border-radius:16px;
	box-shadow: 0px 24px 48px 12px rgba(36, 52, 71, 0.20);
	margin-top:12px;
}
.tagify__dropdown__wrapper {
	padding:12px 0px;
	border:0;
	background: var(--Colors-Surface-Line-300, #F0F1F2);
}
.tagify__dropdown__item {
	padding:8px 24px;
}
.tagify__dropdown__item:hover {
	background:var(--Colors-Surface-Line-400, #F0F1F2);
	color:var(--Colors-Brand-Black, #000000);
}





/*************************************************************** SUB MENU ************************************************/
.side_menu {
	display: flex;
	width: 240px;
	padding: var(--None, 0px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--None, 0px);
	align-self: stretch;
	border-right: 1px solid var(--Colors-Surface-Line-500, #333);
	background: var(--Colors-Surface-Line-300, #282829);
}
.list_title {
	display: flex;
	padding: 18px var(--4x, 16px);
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-bottom: 1px solid var(--Colors-Surface-Line-400, #383838);

	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px; /* 133.333% */
	text-transform: uppercase;
	color: var(--Colors-Text-300, #646872);
}
.sub_menu_list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	padding: 0;
}
.sub_menu_item {
	display: flex;
	padding: var(--4x, 16px);
	align-items: flex-start;
	gap: var(--2x, 4px);
	align-self: stretch;
	color: var(--Colors-Text-400, #979EAA);

	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 141.176% */
	cursor: pointer;
	transition: all 0.5s;
	white-space: nowrap;
}
.sub_menu_item img{
	height: 20px;
}
.sub_menu_item:hover {
	color: var(--Colors-Text-600, #979EAA);
	background: var(--Colors-Surface-Line-400, #333);
}
.sub_menu_item.active {
	background: var(--Colors-Surface-Line-500, #333);
	color: var(--Colors-Brand-Black, #FFF);
}
.sub_menu_item.active img{
	filter:brightness(2);
	-webkit-filter: brightness(2);
}


/*---------------------------------------------------------------- COLUMNS ----------------------------------------------*/






.column_wrapper {
	display: flex;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 12px;
	border: 1px solid var(--Colors-Surface-Line-400, #1E1E1F);
	height: calc(100vh - 104px);
	gap:0px;
	padding: 0;
}
.state_wrapper {
	display: flex;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 0px 12px 12px 0px;
	height: 100%;
	gap:0px;
	padding: 0;
	align-content: center;
	justify-content: center;
	flex: 1;
	overflow: auto;
	position: relative;
}
.menu_column {
	background: var(--Colors-Surface-Line-100, #000);
	padding: 8px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 12px 0px 0px 12px;
	height: 100%;
	justify-content: space-between;
}
.menu_item {
	display: flex;
	padding: 4px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
}



/*---------------------------------------------------------------- DESIGNER TABLE ----------------------------------------------*/



.portfolios_list {
	flex-direction:column;
	gap:24px;
}
.main_menu_icon {
	position: fixed;
	left: 16px;
	bottom: 16px;
	z-index: 9;
	background: var(--Colors-Surface-Line-300);
	border: 1px solid var(--Colors-Surface-Line-700);
	border-radius: 100px;
	padding: 16px;
}
.main_menu_icon img {
	height: 20px;
	filter: brightness(2);
}
.icon_wrapper, .icon_wrapper a{
	display: flex;
	width: 36px;
	height: 36px;
	padding: 20px;
	justify-content: center;
	align-items: center;
	border-radius: var(--2x, 8px);
	border: 1px solid transparent;
	transition: all 0.5s;
	text-decoration: none;
	/*background: var(--Colors-Surface-Line-400, #1E1E1F); */
}
.icon_wrapper a{
	padding: 0;
	width: 100%;
}
.menu_item:hover .icon_wrapper {
	border: 1px solid var(--Colors-Surface-Line-500, #2E2E2E);
	background: var(--Colors-Surface-Line-500, #1E1E1F);
	cursor: pointer;
}
.menu_item:hover .icon_wrapper img, .icon_wrapper.active img{
	filter: brightness(2);
}
.icon_wrapper.active {
	border: 1px solid var(--Colors-Primary-200, #0B2869);
	background: var(--Colors-Primary-100, #081736);
}
.icon_wrapper.discord {
	border: 1px solid #5865F2;
	background: #5865F2;
}
.icon_wrapper.discord img, .slack img {
	vertical-align: -4px;
}
.middle_column {
	border-left: 1px solid var(--Colors-Surface-Line-400, #1E1E1F);
	background: var(--Colors-Surface-Line-300, #141414);
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	max-width: 50%;
	width: 100%;
	position: relative;
}
.table {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	width:100%;
	/* border-radius:12px; */
	/* border: 1px solid var(--Colors-Surface-Line-400, #F0F1F2); */
	background: var(--Colors-Surface-Line-200);
	box-shadow: 0px 2px 4px 0px rgba(36, 52, 71, 0.05);
}
.table_body {
	display:flex;
	flex-direction: column;
	align-items: center;
	width:100%;
}
.table_body.no_results {
	align-items:center;
	padding:30px;
	font-size:16px;
	display:none;
	text-align:center;
}
.table_body.loading {
	padding: 24px;
}
.table_title {
	padding:24px;
	color:var(--Colors-Text-900, #000103);
	font-size: 17px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.34px;
	border-bottom:1px solid var(--Colors-Surface-Line-400, #F0F1F2);
	width:100%;
	display:flex;
	gap:16px;
	align-items:flex-start;
	align-self:stretch;
}
.table_title .title {
    display:flex;
    align-self:stretch;
    flex: 1;
	font-size: 18px;
	font-weight: 500;
}
.table_title .count{
    font-size:12px;
    color:var(--Colors-Text-300, #8B8E95);
    text-align:right;
    align-self:stretch;
    display:flex;
}
.table_header_wrapper {
	width: 100%;
	background: var(--Colors-Surface-Line-200);
	position: sticky;
	top: 0;
}

.table_header {
	display: flex;
	align-self: stretch;
}
.cell_title {
	display: flex;
	padding: 16px 24px;
	align-items: center;
	gap: 0;
	align-self: stretch;
	font-size:14px;
	color:var(--Colors-Text-300, #8B8E95);
	border-bottom: 1px solid var(--Colors-Surface-Line-500, #EEEEF0);
	width:100%;
}
.table_row {
	display: flex;
	align-self: stretch;
	cursor: pointer;
}
.table_row img {
	height: 46px;
	width: 46px;
}
.table .table_row:hover {
	background: var(--Colors-Surface-Line-300);
}
.table .table_row.active {
	background: var(--Colors-Surface-Line-400, #141414);
}
.table_row .cell:first-child, .cell_title:first-child {
	padding-left: 24px;
}
.table_row .cell.first, .table_header .cell_title.first {
	flex: 1;
}
.table_row .cell.current_org, .table_header .cell_title.current_org {
	flex: 1;
}
.table_row .cell.location, .table_header .cell_title.location {
	flex: 1;
}
.no_image {
	height: 48px;
	width: 48px;
	border: 1px solid var(--Colors-Surface-Line-800);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--Colors-Surface-Line-600);
	font-weight: 500;
	font-size: 20px;
	color: var(--Colors-Text-400);
	text-transform: capitalize;
}
.profile_avatar .no_image {
	display: none;
}
.profile_avatar img{
	height: 46px;
	width: 46px;
}
.name-group {
	display: flex;
	flex-direction: column;
	gap: 4px;
	text-transform: capitalize;
}
.table_footer {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
}
.last_column {
	display: flex;
	height: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--None, 0px);
	border-radius: 0px 12px 12px 0px;
	border-left: 1px solid var(--Colors-Surface-Line-500, #1E1E1F);
	background: var(--Colors-Surface-Line-400, #141414);
	flex: 1;
	overflow-y: hidden;
	position: relative;
}
.last_column .resize-handle {
    position: absolute;
    left: 0px; /* Adjust the position of the handle to the left */
    top: 0;
    width: 10px; /* Define the width of the handle */
    height: 100%;
    cursor: ew-resize; /* Set cursor style for horizontal resizing */
    background-color: transparent; /* Handle color */
}
.last_column .section, .saved_profile .section{
	display: flex;
	padding: var(--3x, 24px) var(--4x, 24px);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--3x, 12px);
	align-self: stretch;
	border-bottom: 0.5px solid var(--Colors-Surface-Line-800, #383838);
}
.saved_profile .section {
	padding: 24px 0px;
}
.saved_profile .fetch_data_section {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	gap: 32px;
	padding: 60px 60px 48px;
	margin-top: 12px;
}
.saved_profile #fetch_profile_form .form_layout{
	display: flex;
	gap: 12px;
	max-width: 420px;
	margin: 0 auto;
	width: 100%;
}
.saved_profile .fetch_data_section a {
	font-size: 12px;
	color: var(--Colors-Text-400);
	text-decoration: none;
}
.saved_profile .fetch_data_section a:hover {
	text-decoration: underline;
}
.saved_profile .fetch_data_section h4{
	margin: 0;
}
.saved_profile #fetch_profile_form .form-group{
	flex: 1;
	align-self: flex-start;
}
.saved_profile #fetch_profile_form button{
	flex: 1;
	padding: 11px 24px;
}
.brief_intro {
	width: 100%;
}
.last_column  .content_section {
	height: 100%;
	overflow-y: auto;
	width:100%;
}
.last_column .section.head, .saved_profile .section.head {
	padding: 12px 24px;
	background: inherit;
	position: sticky;
	top: 0;
	width: 100%;
}
.title_wrapper {
	display: flex;
	padding: 0px var(--None, 0px);
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}
.last_column .right_icons, .saved_profile .right_icons {
	cursor: pointer;
}
.last_column .right_icons a, .saved_profile .right_icons a{
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.bookmark:hover{
	filter: brightness(2);
}
.flag{
	display: none;
}
.last_column .section .right a.button-link, .saved_profile .section .right a.button-link {
	background:var(--Colors-Surface-Line-400, #fff);
	border:0.5px solid transparent;
}
.last_column .section .right a.button-link:hover, .saved_profile .section .right a.button-link:hover {
	background:var(--Colors-Surface-Line-500, #fff);
	border:0.5px solid transparent;
	text-decoration: none;
}
.porfolio_link {
	padding: 8px 12px;
	gap:2px
}
.title, .section_title  {
	color: var(--colors-text-600, #D4D6DD);
	/* Headline/Sem */
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px; /* 133.333% */
	letter-spacing: 0.96px;
	text-transform: uppercase;
	flex:1 0 0;
}

.last_column .section .right_icons_wrapper, .saved_profile .section .right_icons_wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--9x, 36px);
}
.saved_profile .section .right_icons_wrapper {
	gap: 0;
}
.last_column .section .right_icons, .saved_profile .section .right_icons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.last_column .section .right, .saved_profile .section .right{
	color: var(--colors-text-300, #646872);
	/* Small/Med */
	font-family: Inter;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px; /* 150% */
	letter-spacing: -0.24px;
}
.last_column .section .right a{
	color: var(--Colors-Text-600, #646872) !important;
	text-decoration: none;
}
.last_column .section .right a:hover{
	color: var(--Colors-Text-900, #646872) !important;
}
.last_column .section .right img{
	margin-left: 4px;
	vertical-align: -2px;
}
.section_designer_group {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	font-size: 13px;
	width: 100%;
	color: var(--Colors-Brand-Black, #000);
}
.section_designer_group .name{
	color: var(--colors-text-500, #B5B9C3);
	/* H6/Med */
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px; /* 120% */
	letter-spacing: -0.4px;
}
.section_designer_group .portfolio-type {
	color: var(--colors-text-400, #979EAA);
	/* Body/Reg */
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 142.857% */
	letter-spacing: -0.14px;
}
.portfolio_screenshot {
	align-self: stretch;
	border:1px solid var(--Colors-Surface-Line-400, #1E1E1F);
	border-radius: 12px;
}
.portfolio_screenshot img {
	border-radius: 12px;
}
.chips {
	display: flex;
	gap:6px;
	align-items: flex-start;
	align-self: stretch;
	flex-wrap: wrap;
}
.chip {
	display: flex;
	padding: var(--1x, 8px) var(--3x, 16px);
	justify-content: center;
	align-items: center;
	gap: var(--1x, 4px);
	border-radius: var(--Full, 1000px);
	border: 0.5px solid var(--Colors-Surface-Line-500, #1E1E1F);
	background: var(--Colors-Surface-Line-500, #1E1E1F);
	color: var(--colors-text-400, #979EAA);
	font-size: 14px;
	line-height: 18px; /* 150% */
	letter-spacing: -0.24px;
}
.remaining-skills {
    cursor:pointer;
    transition: 0.3s;
}
.remaining-skills:hover {
    background: var(--Colors-Primary-200, #D7E4FF);
    color: var(--Colors-Primary-500, #184ECE);
}
.cell {
	display: flex;
	flex-direction: row;
	/* justify-content: center;*/
	align-items: center;
	gap: 12px;
	border-bottom: 1px solid var(--Colors-Surface-Line-400, #1E1E1F);
	font-size:13px;
	width:100%;
	padding:24px 0px 24px 24px;
	color:var(--Colors-Text-600, #000);
}
.cell .location {
	color: var(--Colors-Text-500, #646872);
}
.cell .name {
	font-weight: 600;
	max-width: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: capitalize;
}
.cell .portfolio-type {
	color:var(--Colors-Text-400, #646872);
	font-size:12px
}
.cell.location {
	color:var(--Colors-Text-400, #646872);
}
.cell.last {
	text-align:right
}
.modal_wrapper{
	position:fixed;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.6);
	display:none;
	top:0;
	left:0;
	z-index: 9;
	justify-content:center;
	align-items:flex-start;
	padding-top:24px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(0px);
	-moz-backdrop-filter: blur(10px);
}
.modal_close {
	opacity: 0.7;
	transition: all 0.5;
}
.modal_close:hover {
	opacity: 1;
}
.popup {
	display: none;
	width: 360px;
	padding: 30px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	border-radius: 16px;
	background-color:var(--Colors-Surface-Line-300, #fff);
	border: 1px solid var(--Colors-Surface-Line-400, #F0F1F2);
	box-shadow: 0px 24px 48px 12px rgba(36, 52, 71, 0.20);
	animation: fadeIn 0.4s, slideIn_Bounce .2s linear;
	height: auto;
	
}
.google_signin {
	transition: background-color .3s, box-shadow .3s;
	padding: 10px 10px 12px 42px;
	border: none;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
	color: var(--Colors-Text-100);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.2px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
	background-color: white;
	background-repeat: no-repeat;
	background-position: calc(50% - 60px) 11px;
	background-size: 16px 16px;
	border-radius: 8px;
	width: 100%;
	display: flex;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	margin-top: 6px;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.google_signin:hover {
	box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
}
	
.google_signin:active {
	background-color: #eeeeee;
}
	
.google_signin:focus {
	  outline: none;
	  box-shadow: 
		0 -1px 0 rgba(0, 0, 0, .04),
		0 2px 4px rgba(0, 0, 0, .25),
		0 0 0 3px #c8dafc;
}
.forgot_password_btn, .sign_up_btn, .login_btn {
	text-decoration: none;
	color: var(--Colors-Text-400);
}
.forgot_password_btn:hover, .sign_up_btn:hover, .login_btn:hover {
	text-decoration: underline;
	color: var(--Colors-Text-500);
}
#popup3 {
	width: 100%;
	border-radius:0;
	overflow:scroll;
	height:100vh;
}
@keyframes slideIn_Bounce {
	0% {
		transform: translateY(20px);
		animation-timing-function: ease-in;
	}
	/* 60% {
		transform: translateY(-20px);
		animation-timing-function: ease-out;
	}
	80% {
		transform: translateY(10px);
		animation-timing-function: ease-in;
	} */
	100% {
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
}
@keyframes slideIn {
	0% {
		transform: translateY(20px) translateX(-50%);
		animation-timing-function: ease-in;
	}
	60% {
		transform: translateY(-5px) translateX(-50%);
		animation-timing-function: ease-out;
	}
	80% {
		transform: translateY(5px) translateX(-50%);
		animation-timing-function: ease-in;
	}
	100% {
		transform: translateY(0px)  translateX(-50%);
		animation-timing-function: ease-out;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.modal-header {
	display: flex;
	gap: 8px;
	align-self: stretch;
}
.modal-title {
	display: flex;
	gap: 8px;
	align-self: stretch;
	flex-direction: column;
}
.modal-title h2{
	font-size: 36px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: -1.26px;
	flex: 1 0 0;
	text-transform:uppercase;
	margin:0;
}
.modal-subtitle{
	font-size: 14px;
	margin: 0;
	line-height: 20px;
	color: var(--Colors-Text-500, #646872);
	margin-bottom: 12px;
}
form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}
.form-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
	position:relative;
}
.label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	font-size:12px;
}
.form-control, .form-control.error{
	border-radius: 8px;
	border: 1px solid var(--Colors-Surface-Line-800, #EEEEF0);
	background: var(--Colors-Surface-Line-600, #F5F6F7);
	padding:12px !important;
	align-self: stretch;
	font-size:14px;
	transition:animate all 1s;
	position:relative;
	color:var(--Colors-Brand-Black, #000);
	height: auto !important;
	width: auto !important;
}
.form-control.error{
	border: 1px solid var(--Colors-Brand-Error, #EEEEF0);
}
.form-control::placeholder, .form-control::-ms-input-placeholder {
	color: var(--Colors-Text-500, #444) !important;
	opacity: 1;
}
.show_password_eye, .hide_password_eye, .hide_password_eye_login, .show_password_eye_login {
	position:absolute;
	top: 32px;
	right: 16px;
	cursor: pointer;
}
.show_password_eye:hover, .hide_password_eye:hover, .hide_password_eye_login:hover, .show_password_eye_login:hover {
	filter: brightness(0.7);
}
.form-control:focus{
	outline:none;
	border:1px solid var(--Colors-Surface-Line-900, #030200);
	box-shadow: 0px 3px 6px 0px rgba(36, 52, 71, 0.05);
}
.form-group .error {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 0px;
	flex-shrink: 0;
	align-self: stretch;
	color:red;
	font-size:12px;
	height:16px;
	width:100%;
}
.upload_profile_avatar+.error {
	text-align: center;
	align-items: center;
	align-content: center;
	width: 100%;
	justify-content: center;
}
.error_top {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 0px;
	flex-shrink: 0;
	align-self: stretch;
	color:red;
	font-size:12px;
	margin-bottom: 12px;
	justify-content: center;
}
.full {
	width:100%;
}
.modal_close {
	cursor:pointer;
}
.success {
	width: 100%;
	padding: 8px 0px;
	color:green;
	font-size:12px;
	gap:12px;
	text-align:center;
	justify-content: center;
}
.message {
	font-size:14px;
	display:flex;
	flex:1 0 0;
}
.alert {
	padding: 0px 12px;
	position: fixed;
	display: flex;
	bottom: 48px;
	margin: auto;
	width: auto;
	background: var(--Colors-Surface-Line-400);
	border-radius: 8px;
	color: var(--Colors-Text-600);
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	align-items: center;
	align-content: center;
	justify-content: center;
	display: none;
	animation: fadeIn 0.6s, slideIn .6s linear;
}
.alert .status_icon, .alert .close{
	text-align: center;
	align-items: center;
	justify-content: center;
	align-content: center;
	height: 36px;
	width: 36px;
}
.alert .status_icon.success {
	background: var(--alert_success);
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
}
.alert .status_icon.warning {
	background: var(--alert_warning);
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
}
.alert .close{
	background: var(--alert_close);
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
}
.alert .message{
	text-align: center;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex: 1;
}
.password_footer{
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:14px;
	gap:12px;
	padding: 0px 0px 12px 0px;
}
.password_footer .error{
	width:auto;
}
.forgot_password_btn {
	font-size:12px;
}
.modal-footer {
	margin-top: 12px;
	text-align: center;
	width: 100%;
	font-size: 14px;
	cursor:pointer;
}
.sign-up-terms {
	margin-bottom: 12px;
	line-height:20px;
	width: 100%;
	font-size: 12px;
	cursor:pointer;
	text-align: center;
	color: var(--Colors-Text-400);
}
/* Skeleton Loading Styles */
.skeleton-loading .skeleton {
  background: linear-gradient(-45deg, var(--Colors-Surface-Line-100) 0%, var(--Colors-Surface-Line-300) 25%, var(--Colors-Surface-Line-200) 50%);
  background-size: 400% 400%;
  animation: skeleton-loading 1.5s infinite ease-in-out;
  color:transparent;
  border-radius: 12px;
}

@keyframes skeleton-loading {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 100%;
  }
}
  /* Hide content */
.skeleton-loading .skeleton-content {
	visibility: hidden !important;
	opacity: 0;
	transition: opacity 0.3s ease;
  }
  .skeleton-loading img,
  .skeleton-loading [data-src] {
	visibility: hidden !important;
	opacity: 0;
	transition: opacity 0.3s ease;
  }

  footer {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px 36px;
	color: var(--Colors-Text-200);
  }
  footer div{
	font-size: 12px;
  }
  footer a{
	color: var(--Colors-Text-200);
	text-decoration: none;
  }

  .privacy, .terms {
	flex-direction: column;
	align-items: flex-start;
	max-width: 600px;
	padding: 36px;
  }
  .privacy li, .terms li {
	color: var(--Colors-Text-500);
  }
  .privacy img, .terms img {
	filter: var(--brightness);
  }
  .privacy .close, .terms  .close{
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	width: 100%;
  }



  /*------------------------------------------------ SHORTCUTS -------------------------------------*/


.shortcuts {
	display: flex;
	align-self: stretch;
}
.shortcuts .row {
	display: flex;
	align-items: center;
	gap: 12px;
	align-self: stretch;    
}
.shortcuts .list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
}
.key_icon {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 4px;
	align-items: flex-start;
	gap: 24px;
}
.key_name {
	width: 120px;
	color: var(--Text-400, #979EAA);
	/* Body/Reg */
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
	letter-spacing: -0.14px;
}
.key_action {
	flex: 1 0 0;
	color: var(--Brand-Black, #FFF);
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
	letter-spacing: -0.14px;
}
#popup4.popup {
	width: 420px;
}





/*------------------------------------------------ ALL PAGES -------------------------------------*/


#notLoggedIn {
	flex-direction: column;
}
.sub_page_header {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	background: var(--Colors-Surface-Line-300);
	border-bottom: 1px solid var(--Colors-Surface-Line-400);
	padding: 0px 24px;
	border-radius: 0px 12px 0px 0px;
}



/*------------------------------------------------ PROFILE -------------------------------------*/
.portfolio_form_card {
	display: none;
}
.portfolio_form_card form, .saved_profile {
	max-width:600px;
	margin: 0 auto;
	width: 100%;
}
/* .portfolio_form_card .portfolio_screenshot:hover {

} */
.portfolio_form_card .upload_profile_avatar {
	margin: auto;
}
.upload_profile_avatar{
	height: 100px;
	width: 100px;
	border-radius: 100px;
	background: url(images/camera_filled.svg) no-repeat var(--Colors-Surface-Line-600);
	background-size: 24px 24px;
	background-position: center center;
	border:1px solid var(--Colors-Surface-Line-700);
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	position: relative;
}
.upload_profile_avatar:hover{
	background-color: var(--Colors-Surface-Line-800);
	border:1px solid var(--Colors-Surface-Line-900);
}
.upload_profile_avatar .hover_wrapper {
	background: rgba(0, 0, 0, .8);
	width: 100px;
	height: 100px;
	border-radius: 100px;
	align-content: center;
	align-items: center;
	justify-content: center;
	display: none;
	border: 0;
}
.upload_portfolio_cover {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: var(--4x, 16px);
	background: var(--Colors-Surface-Line-600, #2E2E2E);
	height: 336px;
	position: relative;
	cursor: pointer;
	transition: all 1s;
	-webkit-transition: all 1;
	border:1px solid var(--Colors-Surface-Line-700);
}
.upload_portfolio_cover button{
	display: flex;
	padding: var(--2x, 8px) var(--4x, 16px);
	justify-content: center;
	align-items: center;
	gap: var(--2x, 8px);
	color: var(---Colors-Text-500, #B5B9C3);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px; /* 150% */
	background: var(--Colors-Surface-Line-500);
	border:1px solid var(--Colors-Surface-Line-700);
	position: absolute;
	transform: translateY(0%);
	margin: 0 auto;
}
.upload_portfolio_cover .hover_wrapper {
	background: rgba(0, 0, 0, .8);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	border-radius: var(--4x, 15px);
	border:1px solid var(--Colors-Surface-Line-700);
	z-index: 0;
	color: var(---Colors-Text-800, #B5B9C3);
	text-align: center;
	padding: 124px 100px;
	font-size: 14px;
}
.upload_profile_avatar:hover .hover_wrapper, .upload_portfolio_cover:hover .hover_wrapper {
	display: flex;
}
.upload_portfolio_cover:hover button {
	color: var(---Colors-Text-900);
	transform: translateY(55%);
}
.upload_portfolio_cover:hover button img{
	filter: brightness(2);
}
/* .upload_portfolio_cover button.has_image{
	position: absolute;
	right: 16px;
	top:16px
} */
.saved_profile .name {
	color: var(--Colors-Brand-Black);
	text-transform: capitalize;
}
.saved_profile .profile_avatar .no_image, .saved_profile .profile_avatar img {
	height: 68px;
	width: 68px;
	border-radius: 16px;
	text-transform: capitalize;
}
.form-fields-group {
	display:flex;
	align-items:center;
	justify-content:center;
	gap: 24px;
	align-self:stretch;
}
.form-group {
	display:flex;
	align-self:stretch;
	width:100%;
}
h2 {
	font-size: 36px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: -1.26px;
	flex: 1 0 0;
	text-transform:uppercase;
	margin:0;
}
#listportfolio .tagify--select {
	padding:12px;
}
.close_form {
	width:100%;
	padding:10px;
	text-align:right;
	margin-top:-60px;
}




/*------------------------------------------------ NOT LOGGED IN -------------------------------------*/


#notLoggedIn {
	text-align: center;
	gap: 0px;
	align-items: center;
	justify-content: center;
}
#notLoggedIn .btn-group {
	display: flex;
	padding: 0;
	gap: 16px;
}


/********************************************** Forgot Pass *******************************************/

.forgot_pass_wrapper {
	max-width:380px;
	margin:32px auto;
	display:flex;
	flex-direction:column;
	width:100%;
	padding: 36px;
}
.forgot_pass_wrapper h3{
	margin: 0;
}
.forgot_pass_wrapper .success {
	text-align: left;
}
.email_request, .set_pass {
	display:flex;
	flex-direction:column;
	gap:16px;
}
.email_request .form-control, .set_pass .form-control {
	width:100%;
	
}
.forgot_pass_wrapper button, .change_pass button{
	font-size: 14px;
	padding: 12px 16px;
}



/*------------------------------------------------ BUGS -------------------------------------*/



.bugs_wrapper {
	display: flex;
	max-width: 480px;
	width: 100%;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}



/*------------------------------------------------ YOUR BOOKMARKS -------------------------------------*/

.your_bookmarks {
	display: flex;
	flex-direction: row;
	padding: 0;
}

.no_mobile, .last_column_close, .show_on_mobile {
	display: none;
}

/*------------------------------------------------------------------------------------------------ RESPONSIVE MOBILE -------------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
	 body {
		padding: 0;
	}
	/* .last_column, .menu_column, header .button-1x, .hide_in_mobile  {
		display: none;
	} */
	.hide_in_mobile  {
		display: none;
	}
	.show_on_mobile {
		display: flex;
	}
	.logo {
		display: none;
	}
	header .logo_mobile{
		display: flex;
	}
	.logo_mobile a {
		font-size: 24px;
	}
	header .container {
		gap: 8px;
	}
	.column_wrapper {
		height: calc(100vh - 74px);
	}
	.menu_column {
		position: fixed;
		left: 24px;
		height: auto;
		display: block;
		z-index: 9;
		justify-content: flex-end;
		flex-direction: initial;
		display: flex;
		flex-direction: column;
		bottom: 80px;
		border-radius: 12px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		opacity: 0;
		transition: all 0.5s ease;
	}
	.menu_column_visible {
		left: 24px; /* Slide in when the menu is visible */
		width: 200px;
		height: auto;
		overflow: hidden;
		opacity: 1;
	}
	.app_menu, .menu_item, .icon_wrapper {
		width: 100%;
	}
	.menu_item .icon_wrapper, .menu_item .icon_wrapper a{
		justify-content: flex-start;
		gap: 16px;
		align-items: center;
		
	}
	.menu_item .icon_wrapper {
		padding: 24px 12px;
		width: 100%;
	}
	.social_community {
		width: 100%;
	}
	.menu_column .icon_wrapper .show_on_mobile{
		white-space: nowrap;
	}
	.middle_column {
		max-width: 100%;
	}
	
	.table_title {
		flex-direction: column;
		gap: 0px;
		padding: 16px;
		padding-top: 24px;
	}
	.table_row {
		flex-wrap: wrap;
	}
	.table_header {
		display: none;
	}
	.table_row .table_title .title {
		line-height: 24px;
	}
	.table_row .cell.first {
		flex-basis: 100%;
		padding: 12px 16px;
		border-bottom: 1px solid var(--Colors-Surface-Line-300);
	}
	.table_row .cell.current_org {
		flex: 0; width: 100%; padding: 0px 0px 0px 24px; white-space: nowrap; display: none;
	}
	.table_row .cell.location {
		flex: 1; width: 100%; padding: 12px 24px 12px 8px; display: none;
	}
	.last_column {
		display: none;
		position: absolute;
		border-radius: 12px;
		overflow: hidden;
		padding-bottom: 120px;
	}
	.last_column_close {
		display: flex;
		cursor: pointer;
		transition: all 0.3s;
	}
	.sub_state_wrapper {
		padding: 16px;
	}
	.title_wrapper {
		flex-wrap: wrap;
	}
	.section_designer_group {
		flex-basis: calc(100% - 24px);
	}
	.last_column_close:active {
		transform:scale(0.8);
	}
	.last_column .section .right_icons_wrapper, .saved_profile .section .right_icons_wrapper {
		flex: 1; margin: 16px 0px 0px; justify-content: space-between;
	}
	.right_icons a {
		padding: 8px;
		background: rgba(255,255,255,0.1);
		border-radius: 100%;
	}
	.state_wrapper {
		flex-direction: column;
		align-items: center; align-content: center; justify-content: center;
	}
	.saved_profile .section:first-child {
		padding-top: 0;
	}
	.list_title {
		display: none;
	}
	.side_menu {
		width: calc(100% - 16px); border-radius: 12px; padding: 0px; overflow-x: auto;margin: 8px; max-width: max-content;align-self: center;
	}
	.sub_menu_list{
		flex-direction: row; width: 100%; border-radius: 12px; margin: 0px;
	}
	.side_menu::-webkit-scrollbar {
		display: none;
	}
	.sub_menu_item.active, .sub_menu_item:hover {
		border-radius: 12px; padding: 16px; margin: 0;
	}
	.floating_buttton {
		right: 24px;
		bottom: 24px;
	}
	footer {
		display: none;
	}
	.modal_wrapper {
		padding: 0;
		
	}
	.popup {
		width: 100%;
		height: 100vh;
		overflow: auto;
		border-radius: 0;
		gap: 40px;
	}
	/*
	#main_content, .column_wrapper, footer {
		display: none !important;
	}
	.no_mobile {
		text-align: center;
		height: 100vh;
		max-width: 300px;
		margin: 0 auto;
		display: flex;
	} */
}