jackdaw 0.3.0

/* Bevy Editor */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px;
gap: 10px;

position: relative;
width: 1680px;
height: 900px;

background: url(10-14-Night-Thumb.jpg);


/* Tabs as Workspaces */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 1660px;
height: 880px;

background: #171717;
border: 1px solid #404040;
border-radius: 8px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 1;


/* Window Header */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px;
gap: 681px;

width: 1660px;
height: 34px;

border-radius: 7px 7px 0px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 258 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 15px;

width: 852.43px;
height: 26px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 705 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 0px 0px 12px;
gap: 6px;

width: 67.43px;
height: 20px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Window Icon */

width: 19.43px;
height: 20px;

background: url(image.png);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Bevy */

width: 30px;
height: 10px;

font-family: 'Signika';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Frame 256 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 16px;

width: 210px;
height: 9px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* File */

width: 21px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;

text-shadow: 0px 1px 1.3px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Debug */

width: 23px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;

text-shadow: 0px 1px 1.3px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Debug */

width: 36px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;

text-shadow: 0px 1px 1.3px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Project */

width: 40px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;

text-shadow: 0px 1px 1.3px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;


/* Debug */

width: 26px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;

text-shadow: 0px 1px 1.3px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0;


/* Main Tabs Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

width: 545px;
height: 26px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Tab */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 7px;
gap: 5px;

width: 175px;
height: 26px;

border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 169 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 125.5px;
height: 12px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rectangle 21 */

width: 2.5px;
height: 12px;

background: #FFCA39;
border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/calendar-search */

width: 12px;
height: 12px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector */

position: absolute;
left: 12.5%;
right: 8.33%;
top: 8.33%;
bottom: 8.33%;

border: 1px solid #E6E6E6;


/* Schedule Explorer */

width: 101px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Frame 452 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

margin: 0 auto;
width: 10px;
height: 10px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Frame 451 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 10px;

width: 5px;
height: 5px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

width: 5px;
height: 5px;

border: 0.833333px solid #E6E6E6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


/* Scene Tab */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 7px;
gap: 5px;

width: 165px;
height: 26px;

background: #404040;
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 728 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 10px;

margin: 0 auto;
width: 91.58px;
height: 12px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 169 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

width: 87.5px;
height: 12px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rectangle 21 */

width: 2.5px;
height: 12px;

background: #0072D7;
border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/file */

width: 12px;
height: 12px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector */

position: absolute;
left: 16.67%;
right: 16.67%;
top: 8.33%;
bottom: 8.33%;

border: 1px solid #E6E6E6;


/* Main scene */

width: 63px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Frame 449 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px;
gap: 10px;

margin: 0 auto;
width: 10px;
height: 10px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Frame 450 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 10px;

width: 5px;
height: 5px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Ellipse 9 */

width: 6px;
height: 6px;

background: #E6E6E6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Tab */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 7px;
gap: 6px;

width: 175px;
height: 26px;

background: rgba(255, 255, 255, 0.08);
border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;


/* Frame 169 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 84.5px;
height: 12px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rectangle 21 */

width: 2.5px;
height: 12px;

background: #CC4341;
border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 190 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 9px;
height: 10px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector */

width: 7.52px;
height: 9.67px;

border: 1px solid #E6E6E6;
border-radius: 0.689239px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Main scene */

width: 63px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Frame 452 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

margin: 0 auto;
width: 10px;
height: 10px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Frame 451 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 10px;

width: 5px;
height: 5px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

width: 5px;
height: 5px;

border: 0.833333px solid #E6E6E6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


/* Object Tab */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 0px;
gap: 5px;

display: none;
width: 150px;
height: 24px;

border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;


/* Add Button */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 5px;
gap: 10px;

width: 18px;
height: 18px;

border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0;


/* Vector */

width: 8px;
height: 8px;

background: #E6E6E6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


/* Frame 274 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 196.89px;
height: 32px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Frame 707 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

width: 48.89px;
height: 22px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Window Right Buttons */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 6.66667px;
gap: 8.89px;

width: 48.89px;
height: 22px;

background: #404040;
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 261 */

width: 13.33px;
height: 13.33px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
width: 8.36px;
height: 10.75px;
left: 2.78px;
top: 1.67px;

background: #E6E6E6;
border: 0.793836px solid #E6E6E6;
border-radius: 0.765821px;


/* Frame 260 */

width: 13.33px;
height: 13.33px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Frame 259 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 11.11px;

position: absolute;
width: 7.79px;
height: 10.39px;
left: calc(50% - 7.79px/2 + 0px);
top: calc(50% - 10.39px/2 + 0.19px);



/* Vector */

width: 7.79px;
height: 10.39px;

background: #E6E6E6;
border: 0.788323px solid #E6E6E6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


/* Parts / Title Bar Caption Control Group */

width: 138px;
height: 32px;

border-radius: 0px 7px 0px 0px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Title Bar / Parts / Title Bar Caption Control Button */

position: absolute;
width: 46px;
left: 0px;
top: 0px;
bottom: 0px;



/* Base */

position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;



/* ChromeMinimize */

position: absolute;
width: 16px;
height: 16px;
left: calc(50% - 16px/2);
top: calc(50% - 16px/2);

font-family: 'Segoe Fluent Icons';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 16px;
/* identical to box height, or 160% */
display: flex;
align-items: center;
text-align: center;

color: #E6E6E6;

border-radius: 2px;


/* Title Bar / Parts / Title Bar Caption Control Button */

position: absolute;
width: 46px;
left: 46px;
top: 0px;
bottom: 0px;



/* Base */

position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;



/* ChromeMaximize */

position: absolute;
width: 16px;
height: 16px;
left: calc(50% - 16px/2);
top: calc(50% - 16px/2);

font-family: 'Segoe Fluent Icons';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height, or 123% */
display: flex;
align-items: center;
text-align: center;

color: #E6E6E6;

border-radius: 2px;


/* Title Bar / Parts / Title Bar Caption Control Button */

position: absolute;
width: 46px;
left: 92px;
top: 0px;
bottom: 0px;



/* Base */

position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;

border-radius: 0px 7px 0px 0px;


/* ChromeClose */

position: absolute;
width: 16px;
height: 16px;
left: calc(50% - 16px/2);
top: calc(50% - 16px/2);

font-family: 'Segoe Fluent Icons';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 16px;
/* identical to box height, or 160% */
display: flex;
align-items: center;
text-align: center;

color: #E6E6E6;

border-radius: 2px;


/* Editor (Rows) */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px 4px;

width: 1660px;
height: 846px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* Columns */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 4px;

width: 1652px;
height: 822px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 1;


/* Frame 638 */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 4px;

width: 266px;
height: 822px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Side Panel */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 0px;

width: 266px;
height: 376px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


/* Side Panel Top Bar */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 1px 7px 0px 6px;
gap: 10px;

margin: 0 auto;
width: 266px;
height: 30px;

background: #171717;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.15);
border-radius: 6px 6px 0px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 240 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 3px;

margin: 0 auto;
width: 151px;
height: 29px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Tab */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 8px;
gap: 10px;
isolation: isolate;

width: 76px;
height: 29px;

/* background-pane-tab-active

Apply this style for an active tab inside of a pane, e.g. "components".
*/
background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 77%, rgba(255, 255, 255, 0) 100%), #2A2A2A;
border-top: 2px solid #0072D7;
border-radius: 2px 2px 0px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Tab */

width: 60px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
z-index: 0;


/* Vector 7 */

position: absolute;
width: 4px;
height: 4px;
right: -4px;
bottom: 0px;

background: #2A2A2A;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
z-index: 1;


/* Vector 9 */

position: absolute;
width: 4px;
height: 4px;
left: -4px;
bottom: 0px;

background: #2A2A2A;
transform: matrix(-1, 0, 0, 1, 0, 0);

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
z-index: 2;


/* Frame 341 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 8px;
gap: 10px;

width: 54px;
height: 29px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Import Label */

width: 38px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #A4A4A6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/plus */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 16.82%;
right: 16.84%;
top: 16.83%;
bottom: 16.83%;

background: #A4A4A6;


/* lucide/grip-vertical */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 30%;
right: 30%;
top: 13.33%;
bottom: 13.33%;

background: #A4A4A6;


/* Scene Tree */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 6px;
gap: 8px;

margin: 0 auto;
width: 266px;
height: 346px;

background: #2A2A2A;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* Frame 718 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 6px;

width: 254px;
height: 54px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Side Panel Filter */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 4px 4px 8px;

width: 254px;
height: 24px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Side Panel Filter Label */

margin: 0 auto;
width: 40px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 739 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 2px 3px;
gap: 10px;

margin: 0 auto;
width: 25px;
height: 17px;

border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Frame 54 */

width: 19px;
height: 13px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
width: 11.53px;
height: 11px;
left: 0.98px;
top: 0.94px;

background: #CDCBCB;
border: 0.15px solid #CDCBCB;


/* Vector */

position: absolute;
width: 5px;
height: 2.5px;
left: 12.5px;
top: 9.38px;

border: 1px solid #CDCBCB;


/* Add Entity Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 5px 10px;
gap: 5px;

width: 254px;
height: 24px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Add Bundle Button Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 79px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/package-plus */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 12.5%;
right: 8.33%;
top: 8.34%;
bottom: 8.34%;

border: 1px solid #E6E6E6;


/* Add Bundle Label */

width: 59px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Scene Tree Items */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 3px;
isolation: isolate;

width: 254px;
height: 159px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Stanford Dragon Row */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 8px 4px 6px;
gap: 5px;

width: 254px;
height: 24px;

border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
z-index: 0;


/* Stanford Dragon Label Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

margin: 0 auto;
width: 99px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/chevron-right */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 37.5%;
right: 37.5%;
top: 25%;
bottom: 25%;

border: 1px solid #E6E6E6;


/* Frame 727 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

width: 80px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/video */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
width: 12.44px;
height: 7.4px;
left: calc(50% - 12.44px/2 - 0px);
top: calc(50% - 7.4px/2 - 0.03px);

border: 1px solid #E6E6E6;


/* Stanford Dragon Label */

width: 61px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/eye */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 20.84%;
bottom: 20.84%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Row */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 8px 4px 6px;
gap: 5px;

width: 254px;
height: 24px;

border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
z-index: 1;


/* Stanford Dragon Label Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

margin: 0 auto;
width: 132px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/dot */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 44.43%;
right: 43.57%;
top: 44.42%;
bottom: 43.58%;

background: #A4A4A6;
border: 2.88px solid #A4A4A6;


/* Frame 727 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

width: 113px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/lightbulb */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 25%;
right: 25%;
top: 8.33%;
bottom: 8.33%;

border: 1px solid #A4A4A6;


/* Stanford Dragon Label */

width: 94px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #A4A4A6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/eye-off */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 8.33%;
bottom: 8.33%;

border: 1px solid #A4A4A6;


/* Spacer */

position: absolute;
width: 41px;
height: 3px;
left: 0px;
top: 48px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
z-index: 2;


/* Stanford Dragon Row */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 8px 4px 6px;
gap: 5px;

width: 254px;
height: 24px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;
z-index: 3;


/* Stanford Dragon Label Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

margin: 0 auto;
width: 130px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/chevron-down */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 25%;
right: 25%;
top: 37.5%;
bottom: 37.5%;

border: 1px solid #E6E6E6;


/* Frame 727 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

width: 111px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/box */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 12.5%;
right: 12.5%;
top: 8.34%;
bottom: 8.34%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Label */

width: 92px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/eye */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 20.84%;
bottom: 20.84%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Items Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 2px 0px 0px 8px;
gap: 2px;
isolation: isolate;

width: 254px;
height: 78px;


/* Inside auto layout */
flex: none;
order: 4;
align-self: stretch;
flex-grow: 0;
z-index: 4;


/* Stanford Dragon Row */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 8px 4px 6px;
gap: 5px;

width: 246px;
height: 24px;

border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
z-index: 0;


/* Stanford Dragon Label Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

margin: 0 auto;
width: 67px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/chevron-right */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 37.5%;
right: 37.5%;
top: 25%;
bottom: 25%;

border: 1px solid #E6E6E6;


/* Frame 727 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

width: 48px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/box */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 12.5%;
right: 12.5%;
top: 8.34%;
bottom: 8.34%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Label */

width: 29px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/eye */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 20.84%;
bottom: 20.84%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Row */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 8px 4px 6px;
gap: 5px;

width: 246px;
height: 24px;

background: #404040;
border: 2px solid #0072D7;
border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
z-index: 1;


/* Stanford Dragon Label Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

margin: 0 auto;
width: 66px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/chevron-right */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 37.5%;
right: 37.5%;
top: 25%;
bottom: 25%;

border: 1px solid #E6E6E6;


/* Frame 727 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

width: 47px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/box */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 12.5%;
right: 12.5%;
top: 8.34%;
bottom: 8.34%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Label */

width: 28px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/eye */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 20.84%;
bottom: 20.84%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Row */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 8px 4px 6px;
gap: 5px;

width: 246px;
height: 24px;

border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
z-index: 2;


/* Stanford Dragon Label Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

margin: 0 auto;
width: 58px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/chevron-right */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 37.5%;
right: 37.5%;
top: 25%;
bottom: 25%;

border: 1px solid #E6E6E6;


/* Frame 727 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

width: 39px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/box */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 12.5%;
right: 12.5%;
top: 8.34%;
bottom: 8.34%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Label */

width: 20px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/eye */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 20.84%;
bottom: 20.84%;

border: 1px solid #E6E6E6;


/* Spacer */

position: absolute;
width: 41px;
height: 1px;
left: 8px;
top: 2px;


/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;
z-index: 3;


/* Spacer */

position: absolute;
width: 41px;
height: 3px;
left: 8px;
top: 27px;


/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0;
z-index: 4;


/* Spacer */

position: absolute;
width: 41px;
height: 3px;
left: 8px;
top: 50px;


/* Inside auto layout */
flex: none;
order: 5;
flex-grow: 0;
z-index: 5;


/* Side Panel */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 0px;

width: 266px;
height: 442px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Side Panel Top Bar */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 1px 6px 0px;
gap: 10px;

margin: 0 auto;
width: 266px;
height: 30px;

background: #171717;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.15);
border-radius: 6px 6px 0px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 240 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 113px;
height: 29px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Tab */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 8px;
gap: 10px;
isolation: isolate;

width: 85px;
height: 29px;

/* background-pane-tab-active

Apply this style for an active tab inside of a pane, e.g. "components".
*/
background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 77%, rgba(255, 255, 255, 0) 100%), #2A2A2A;
border-top: 2px solid #0072D7;
border-radius: 2px 2px 0px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Tab */

width: 69px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
z-index: 0;


/* Vector 7 */

position: absolute;
width: 4px;
height: 4px;
right: -4px;
bottom: 0px;

background: #2A2A2A;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
z-index: 1;


/* Vector 9 */

position: absolute;
width: 4px;
height: 4px;
left: -4px;
bottom: 0px;

background: #2A2A2A;
transform: matrix(-1, 0, 0, 1, 0, 0);

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
z-index: 2;


/* Frame 64 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 4px;
gap: 10px;

width: 23px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/plus */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 16.82%;
right: 16.84%;
top: 16.83%;
bottom: 16.83%;

background: #A4A4A6;


/* lucide/grip-vertical */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 30%;
right: 30%;
top: 13.33%;
bottom: 13.33%;

background: #A4A4A6;


/* Scene Tree */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 6px;
gap: 8px;

margin: 0 auto;
width: 266px;
height: 412px;

background: #2A2A2A;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* Side Panel Filter */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 8px;
gap: 5px;

width: 254px;
height: 24px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Side Panel Filter Label */

margin: 0 auto;
width: 49px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 723 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/search */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 12.5%;
right: 12.5%;
top: 12.5%;
bottom: 12.5%;

border: 1.3px solid #CDCBCB;


/* Frame 514 */

width: 254px;
height: 240px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Scene Tree Items */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 3px;

position: absolute;
width: 254px;
height: 240px;
left: 0px;
top: 0px;



/* Camera 2D Row */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 4px 6px;

width: 254px;
height: 24px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Camera 2D Label Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

width: 55px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/chevron-down */

width: 15px;
height: 15px;

transform: rotate(-90deg);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 37.5%;
right: 12.5%;
top: 25%;
bottom: 50%;

border: 1px solid #E6E6E6;
transform: rotate(-90deg);


/* Camera 2D Label */

width: 35px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Camera 2D Row */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 4px 6px;

width: 254px;
height: 24px;

border-radius: 5px 5px 5px 0px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Camera 2D Label Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

width: 55px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/chevron-down */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 25%;
right: 25%;
top: 37.5%;
bottom: 37.5%;

border: 1px solid #E6E6E6;


/* Camera 2D Label */

width: 35px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Stanford Dragon Items Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px 0px 0px 14px;
gap: 3px;

width: 254px;
height: 105px;


/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;


/* Camera 2D Row */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 4px 6px;

width: 240px;
height: 24px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 0px 4px 4px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Camera 2D Label Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

width: 61px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/chevron-down */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 25%;
right: 25%;
top: 37.5%;
bottom: 37.5%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Label */

width: 41px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Stanford Dragon Items Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px 0px 0px 14px;
gap: 3px;

width: 240px;
height: 51px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Camera 2D Row */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 4px 6px;

width: 226px;
height: 24px;

border-radius: 0px 5px 5px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 727 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

width: 133px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/box */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 12.5%;
right: 12.5%;
top: 8.34%;
bottom: 8.34%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Label */

width: 113px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Camera 2D Row */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 4px 6px;

width: 226px;
height: 24px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 727 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

width: 79px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/box */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 12.5%;
right: 12.5%;
top: 8.34%;
bottom: 8.34%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Label */

width: 59px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Head Row */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 4px 6px;

width: 240px;
height: 24px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;


/* Frame 727 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

width: 107px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/file-image */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 16.67%;
right: 16.67%;
top: 8.33%;
bottom: 8.33%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Label */

width: 87px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Camera 2D Row */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 4px 6px;

width: 254px;
height: 24px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;


/* Camera 2D Label Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

width: 37px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/chevron-down */

width: 15px;
height: 15px;

transform: rotate(-90deg);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 37.5%;
right: 12.5%;
top: 25%;
bottom: 50%;

border: 1px solid #E6E6E6;
transform: rotate(-90deg);


/* Stanford Dragon Label */

width: 17px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Head Row */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 4px 6px;

width: 254px;
height: 24px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 4;
align-self: stretch;
flex-grow: 0;


/* Frame 727 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

width: 79px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/file */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 16.67%;
right: 16.67%;
top: 8.33%;
bottom: 8.33%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Label */

width: 60px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Head Row */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 4px 6px;

width: 254px;
height: 24px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 5;
align-self: stretch;
flex-grow: 0;


/* Frame 727 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;

width: 81px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/file */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 16.67%;
right: 16.67%;
top: 8.33%;
bottom: 8.33%;

border: 1px solid #E6E6E6;


/* Stanford Dragon Label */

width: 62px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Group 48 */

position: absolute;
width: 1px;
height: 105px;
left: 13px;
top: 54px;



/* Frame 517 */

box-sizing: border-box;

position: absolute;
width: 1px;
height: 105px;
left: 13px;
top: 54px;

border-left: 1px solid #404040;


/* Group 49 */

position: absolute;
width: 1px;
height: 54px;
left: 27px;
top: 78px;



/* Frame 520 */

box-sizing: border-box;

position: absolute;
width: 1px;
height: 54px;
left: 27px;
top: 78px;

border-left: 1px solid #404040;


/* Middle Column (Rows) */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 4px;

width: 1068px;
height: 822px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* Viewport Grid */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 4px;

width: 1068px;
height: 573px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 1;


/* Column */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;

width: 713px;
height: 573px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 1;


/* Viewport Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

display: none;
width: 687.5px;
height: 383px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 1;


/* Viewport Tab Bar */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 6px 0px;
gap: 6px;

width: 687.5px;
height: 30px;

background: #1F1F24;
border: 1px solid #414142;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Main Tabs Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 3px;
gap: 2px;

margin: 0 auto;
width: 494px;
height: 22px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Add Button */

width: 22px;
height: 22px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
width: 8px;
height: 8px;
left: calc(50% - 8px/2);
top: calc(50% - 8px/2 - 0.5px);

background: #E6E6E6;


/* Scene Tab */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 0px;
gap: 5px;

width: 150px;
height: 22px;

background: #46474D;
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Object Tab */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 0px;
gap: 5px;

width: 150px;
height: 22px;

border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;


/* Tab */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 0px;
gap: 5px;

width: 160px;
height: 22px;

border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;


/* Expand */

margin: 0 auto;
width: 22px;
height: 22px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
width: 8px;
height: 8px;
left: calc(50% - 8px/2);
top: calc(50% - 8px/2);

background: #E6E6E6;


/* Viewport Control Bar */

width: 687.5px;
height: 24px;

background: #2A2A2E;
border: 1px solid #414142;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* (This is a placeholder) */

position: absolute;
width: 122px;
height: 9px;
left: 536px;
top: 7px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;

color: #838385;



/* image 6 */

position: absolute;
width: 431.49px;
height: 20px;
left: 11px;
top: 2px;

background: url(image.png);


/* Viewport */

width: 687.5px;
height: 329px;


/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 1;


/* Background */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: url(kuva.png);


/* Axis Gizmo */

position: absolute;
width: 41px;
height: 38px;
right: 15.5px;
top: 16px;

background: url(image.png);


/* Viewport Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 713px;
height: 573px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* Viewport Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 713px;
height: 573px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 1;


/* Frame 220 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 6px;
gap: 6px;

width: 713px;
height: 30px;

background: #2A2A2A;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 227 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 6px;

margin: 0 auto;
width: 174px;
height: 30px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* lucide/mouse-pointer-2 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2px;
gap: 10px;

width: 18px;
height: 18px;

background: #515151;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

width: 9.92px;
height: 9.92px;

border: 1.1px solid #E6E6E6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 735 */

width: 1px;
height: 30px;

background: rgba(255, 255, 255, 0.1);

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* lucide/move-3d */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1px;
gap: 10px;

width: 18px;
height: 18px;

border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Vector */

width: 11.08px;
height: 11.08px;

border: 1.1px solid #A4A4A6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/rotate-3d */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1px;
gap: 10px;

width: 18px;
height: 18px;

border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;


/* Vector */

width: 11.55px;
height: 11.67px;

border: 1.1px solid #A4A4A6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 221 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 18px;
height: 18px;

border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0;


/* lucide/scale-3d */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 2px;
gap: 10px;

width: 15px;
height: 14.5px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

width: 10.5px;
height: 10.5px;

border: 1.1px solid #A4A4A6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 736 */

width: 1px;
height: 30px;

background: rgba(255, 255, 255, 0.1);

/* Inside auto layout */
flex: none;
order: 5;
align-self: stretch;
flex-grow: 0;


/* Frame 226 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 2px;
gap: 10px;

width: 18px;
height: 18px;

background: #515151;
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 6;
flex-grow: 0;


/* Frame 225 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 14px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

width: 11px;
height: 11.01px;

border: 0.916667px solid #E6E6E6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Reflectable Property Value Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 6px;
gap: 3px;

width: 40px;
height: 18px;

border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 7;
flex-grow: 0;


/* Reflectable Property Value */

width: 23px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/grip-vertical */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 30%;
right: 30%;
top: 13.33%;
bottom: 13.33%;

background: #A4A4A6;


/* Frame 254 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 11px 12px;
gap: 10px;

width: 713px;
height: 543px;

background: url(kuva.png);

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* Axis Gizmo */

width: 53.95px;
height: 50px;

background: url(image.png);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Column */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 4px;

width: 351px;
height: 573px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Viewport Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 351px;
height: 284.5px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 1;


/* Frame 220 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 6px;
gap: 6px;

width: 351px;
height: 30px;

background: #2A2A2A;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 227 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 6px;

margin: 0 auto;
width: 174px;
height: 30px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* lucide/mouse-pointer-2 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2px;
gap: 10px;

width: 18px;
height: 18px;

background: #515151;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

width: 9.92px;
height: 9.92px;

border: 1.1px solid #E6E6E6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 735 */

width: 1px;
height: 30px;

background: rgba(255, 255, 255, 0.1);

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* lucide/move-3d */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1px;
gap: 10px;

width: 18px;
height: 18px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Vector */

width: 11.08px;
height: 11.08px;

border: 1.1px solid #A4A4A6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/rotate-3d */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1px;
gap: 10px;

width: 18px;
height: 18px;


/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;


/* Vector */

width: 11.55px;
height: 11.67px;

border: 1.1px solid #A4A4A6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 221 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 18px;
height: 18px;


/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0;


/* lucide/scale-3d */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 2px;
gap: 10px;

width: 15px;
height: 14.5px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

width: 10.5px;
height: 10.5px;

border: 1.1px solid #A4A4A6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 736 */

width: 1px;
height: 30px;

background: rgba(255, 255, 255, 0.1);

/* Inside auto layout */
flex: none;
order: 5;
align-self: stretch;
flex-grow: 0;


/* Frame 226 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 2px;
gap: 10px;

width: 18px;
height: 18px;

background: #515151;
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 6;
flex-grow: 0;


/* Frame 225 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 14px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

width: 11px;
height: 11.01px;

border: 0.916667px solid #E6E6E6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Reflectable Property Value Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 6px;
gap: 3px;

width: 40px;
height: 18px;

border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2.5px;

/* Inside auto layout */
flex: none;
order: 7;
flex-grow: 0;


/* Reflectable Property Value */

width: 23px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/grip-vertical */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 30%;
right: 30%;
top: 13.33%;
bottom: 13.33%;

background: #A4A4A6;


/* Frame 254 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 11px 12px;
gap: 10px;

width: 351px;
height: 254.5px;

background: url(kuva.png);

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* Axis Gizmo */

width: 53.95px;
height: 50px;

background: url(image.png);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Viewport Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 351px;
height: 284.5px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* Frame 220 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 6px;
gap: 6px;

width: 351px;
height: 30px;

background: #2A2A2A;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 227 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 6px;

margin: 0 auto;
width: 174px;
height: 30px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* lucide/mouse-pointer-2 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2px;
gap: 10px;

width: 18px;
height: 18px;

background: #515151;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

width: 9.92px;
height: 9.92px;

border: 1.1px solid #E6E6E6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 735 */

width: 1px;
height: 30px;

background: rgba(255, 255, 255, 0.1);

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* lucide/move-3d */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1px;
gap: 10px;

width: 18px;
height: 18px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Vector */

width: 11.08px;
height: 11.08px;

border: 1.1px solid #A4A4A6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/rotate-3d */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1px;
gap: 10px;

width: 18px;
height: 18px;


/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;


/* Vector */

width: 11.55px;
height: 11.67px;

border: 1.1px solid #A4A4A6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 221 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 18px;
height: 18px;


/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0;


/* lucide/scale-3d */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 2px;
gap: 10px;

width: 15px;
height: 14.5px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

width: 10.5px;
height: 10.5px;

border: 1.1px solid #A4A4A6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 736 */

width: 1px;
height: 30px;

background: rgba(255, 255, 255, 0.1);

/* Inside auto layout */
flex: none;
order: 5;
align-self: stretch;
flex-grow: 0;


/* Frame 226 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 2px;
gap: 10px;

width: 18px;
height: 18px;

background: #515151;
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 6;
flex-grow: 0;


/* Frame 225 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 14px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

width: 11px;
height: 11.01px;

border: 0.916667px solid #E6E6E6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Reflectable Property Value Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 6px;
gap: 3px;

width: 40px;
height: 18px;

border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2.5px;

/* Inside auto layout */
flex: none;
order: 7;
flex-grow: 0;


/* Reflectable Property Value */

width: 23px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/grip-vertical */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 30%;
right: 30%;
top: 13.33%;
bottom: 13.33%;

background: #A4A4A6;


/* Frame 254 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 11px 12px;
gap: 10px;

width: 351px;
height: 254.5px;

background: url(kuva.png);

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* Axis Gizmo */

width: 53.95px;
height: 50px;

background: url(image.png);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Pane with vertical tabs */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-end;
padding: 0px;

width: 1068px;
height: 245px;

background: #2A2A2A;
border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Bar */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 4px 0px 9px 1px;
gap: 10px;

width: 30px;
height: 245px;

background: #171717;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.15);
border-radius: 5px 0px 0px 5px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 780 */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;

margin: 0 auto;
width: 29px;
height: 90px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Icon Button */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px;
gap: 5px;

width: 29px;
height: 30px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 830 */

margin: 0 auto;
width: 2px;
height: 19px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/terminal */

margin: 0 auto;
width: 17px;
height: 17px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 12.66%;
right: 12.67%;
top: 16.83%;
bottom: 16.83%;

background: #A4A4A6;


/* Frame 829 */

margin: 0 auto;
width: 1px;
height: 19px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Icon Button */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px;
gap: 5px;

width: 29px;
height: 30px;

border-left: 2px solid #0072D7;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 830 */

margin: 0 auto;
width: 2px;
height: 19px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/folder-open */

margin: 0 auto;
width: 17px;
height: 17px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 4.32%;
right: 4.33%;
top: 8.5%;
bottom: 12.67%;

background: #E6E6E6;


/* Frame 829 */

margin: 0 auto;
width: 1px;
height: 19px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Frame 63 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px;
gap: 10px;

width: 29px;
height: 30px;


/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;


/* Frame 828 */

margin: 0 auto;
width: 2px;
height: 19px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/plus */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 16.82%;
right: 16.84%;
top: 16.83%;
bottom: 16.83%;

background: #A4A4A6;


/* Frame 829 */

margin: 0 auto;
width: 1px;
height: 19px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* lucide/grip-vertical */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 30%;
right: 30%;
top: 13.33%;
bottom: 13.33%;

background: #A4A4A6;


/* Asset Browser */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 1038px;
height: 245px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* File Path Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 5px;
gap: 10px;

width: 1038px;
height: 34px;

border-top: 1px solid rgba(255, 255, 255, 0.1);
transform: matrix(1, 0, 0, -1, 0, 0);

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 255 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px 9px;
gap: 10px;

margin: 0 auto;
width: 231px;
height: 9px;

transform: matrix(1, 0, 0, -1, 0, 0);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Path */

width: 213px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Side Panel Filter */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 8px;
gap: 5px;

margin: 0 auto;
width: 200px;
height: 24px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Side Panel Filter Label */

margin: 0 auto;
width: 49px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 723 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/search */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 12.5%;
right: 12.5%;
top: 12.5%;
bottom: 12.5%;

border: 1.3px solid #CDCBCB;


/* Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px 12px;
gap: 10px;

width: 1038px;
height: 211px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* File Tabs */

/* Auto layout */
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: flex-start;
padding: 0px;
row-gap: 0px;

width: 1014px;
height: 80px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* File */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 3px 5px 0px;
gap: 10px;

width: 74px;
height: 80px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Icon */

width: 30px;
height: 30px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/folder */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 12.5%;
bottom: 16.67%;

background: #CDCBCB;
border: 2.5px solid #CDCBCB;


/* animation */

width: 57px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* File */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 3px 5px 0px;
gap: 10px;

width: 74px;
height: 80px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Icon */

width: 30px;
height: 30px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/folder */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 12.5%;
bottom: 16.67%;

background: #CDCBCB;
border: 2.5px solid #CDCBCB;


/* animation */

width: 31px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* File */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 3px 5px 0px;
gap: 10px;

width: 74px;
height: 80px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Icon */

width: 30px;
height: 30px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/folder */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 12.5%;
bottom: 16.67%;

background: #CDCBCB;
border: 2.5px solid #CDCBCB;


/* animation */

width: 53px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* File */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 3px 5px 0px;
gap: 10px;

width: 74px;
height: 80px;


/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;


/* Icon */

width: 30px;
height: 30px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/folder */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 12.5%;
bottom: 16.67%;

background: #CDCBCB;
border: 2.5px solid #CDCBCB;


/* animation */

width: 41px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* File */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 3px 5px 0px;
gap: 10px;

width: 74px;
height: 80px;


/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0;


/* Icon */

width: 30px;
height: 30px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/folder */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 12.5%;
bottom: 16.67%;

background: #CDCBCB;
border: 2.5px solid #CDCBCB;


/* animation */

width: 38px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* File */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 3px 5px 0px;
gap: 10px;

width: 74px;
height: 80px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 5;
flex-grow: 0;


/* Icon */

width: 30px;
height: 30px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Group 13 */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* lucide/box */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Vector */

position: absolute;
left: 12.5%;
right: 12.5%;
top: 8.34%;
bottom: 8.33%;

border: 2.5px solid #E6E6E6;


/* animation */

width: 59px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Side Panel */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 0px;

width: 310px;
height: 822px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;


/* Side Panel Top Bar */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 1px 7px 0px 6px;
gap: 10px;

margin: 0 auto;
width: 310px;
height: 30px;

background: #171717;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.15);
border-radius: 5px 5px 0px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 240 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 3px;

margin: 0 auto;
width: 245px;
height: 29px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Tab */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 8px;
gap: 10px;
isolation: isolate;

width: 86px;
height: 29px;

/* background-pane-tab-active

Apply this style for an active tab inside of a pane, e.g. "components".
*/
background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 77%, rgba(255, 255, 255, 0) 100%), #2A2A2A;
border-top: 2px solid #0072D7;
border-radius: 2px 2px 0px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Tab */

width: 70px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
z-index: 0;


/* Vector 7 */

position: absolute;
width: 4px;
height: 4px;
right: -4px;
bottom: 0px;

background: #2A2A2A;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
z-index: 1;


/* Vector 9 */

position: absolute;
width: 4px;
height: 4px;
left: -4px;
bottom: 0px;

background: #2A2A2A;
transform: matrix(-1, 0, 0, 1, 0, 0);

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
z-index: 2;


/* Frame 341 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 8px;
gap: 10px;

width: 73px;
height: 29px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Import Label */

width: 57px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #A4A4A6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 342 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 8px;
gap: 10px;

width: 62px;
height: 29px;


/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;


/* Import Label */

width: 46px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #A4A4A6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/plus */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 16.82%;
right: 16.84%;
top: 16.83%;
bottom: 16.83%;

background: #A4A4A6;


/* lucide/grip-vertical */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
left: 30%;
right: 30%;
top: 13.33%;
bottom: 13.33%;

background: #A4A4A6;


/* Scene Tree */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 6px;
gap: 8px;

margin: 0 auto;
width: 310px;
height: 792px;

background: #2A2A2A;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;


/* Frame 717 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 6px;

width: 298px;
height: 54px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Side Panel Filter */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px 4px 4px 8px;

width: 298px;
height: 24px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Side Panel Filter Label */

margin: 0 auto;
width: 40px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Frame 739 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 2px 3px;
gap: 10px;

margin: 0 auto;
width: 25px;
height: 17px;

border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Frame 54 */

width: 19px;
height: 13px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector (Stroke) */

position: absolute;
width: 11.53px;
height: 11px;
left: 0.98px;
top: 0.94px;

background: #CDCBCB;
border: 0.15px solid #CDCBCB;


/* Vector */

position: absolute;
width: 5px;
height: 2.5px;
left: 12.5px;
top: 9.38px;

border: 1px solid #CDCBCB;


/* Add Entity Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 5px 10px;
gap: 5px;

width: 298px;
height: 24px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 4px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Add Bundle Button Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 109px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/package-plus */

width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 12.5%;
right: 8.33%;
top: 8.34%;
bottom: 8.34%;

border: 1px solid #E6E6E6;


/* Add Bundle Label */

width: 89px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Inspector Items */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 6px;

width: 298px;
height: 528px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Transform Component */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 298px;
height: 159px;

background: #2A2A2A;
/* component-outline

Outline of component box in the "Components" tab (right pane).
*/
border: 1px solid rgba(255, 255, 255, 0.1);
/* component-shadow

Shadow for component box in the "Components" tab (right pane).
*/
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.88);
border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 476 */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 298px;
height: 26px;

background: #404040;
border-radius: 5px 5px 0px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Transform Header */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 8px;

width: 298px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* lucide/chevron-down */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 25%;
right: 25%;
top: 37.5%;
bottom: 37.5%;

border: 1px solid #E6E6E6;


/* Transform Icon Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 75px;
height: 13px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/move-3d */

width: 13px;
height: 13px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 8.32%;
right: 12.51%;
top: 12.5%;
bottom: 8.33%;

border: 1px solid #E6E6E6;


/* Transform Label */

width: 57px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;

text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/ellipsis */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Vector */

position: absolute;
left: 16.67%;
right: 16.67%;
top: 45.83%;
bottom: 45.83%;

background: #E6E6E6;
border: 1px solid #E6E6E6;


/* Transform Fields Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 4px 7px 7px;
gap: 4px;

width: 298px;
height: 133px;

border-radius: 0px 0px 5px 5px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 498 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;

width: 284px;
height: 38px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 716 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 0px;
gap: 10px;

width: 58px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rotation Label */

width: 58px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: right;
letter-spacing: 0.04em;
text-transform: capitalize;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;

opacity: 0.8;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Fields Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 7px;

width: 284px;
height: 22px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Translation X Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 0px 0px 1px;

width: 90px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


/* Translation X Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 2px 2px 3px;
gap: 10px;

width: 18px;
height: 22px;

background: #515151;
border-left: 2px solid #CC4341;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation X Label */

width: 13px;
height: 13px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation X Value */

width: 71px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Translation Y Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 0px 0px 1px;

width: 90px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Translation Y Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 2px 2px 3px;
gap: 10px;

width: 18px;
height: 22px;

background: #515151;
border-left: 2px solid #269C33;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation Y Label */

width: 12px;
height: 13px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Y Value */

width: 71px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Translation Z Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 0px 0px 1px;

width: 90px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 1;


/* Translation Z Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 2px 2px 3px;
gap: 10px;

width: 18px;
height: 22px;

background: #515151;
border-left: 2px solid #0072D7;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation Z Label */

width: 12px;
height: 13px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Z Value */

width: 71px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Frame 499 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;

width: 284px;
height: 38px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 715 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 0px;
gap: 10px;

width: 44px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rotation Label */

width: 44px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: right;
letter-spacing: 0.04em;
text-transform: capitalize;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;

opacity: 0.8;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Fields Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 7px;

width: 284px;
height: 22px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Translation X Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 0px 0px 1px;

width: 90px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


/* Translation X Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 2px 2px 3px;
gap: 10px;

width: 18px;
height: 22px;

background: #515151;
border-left: 2px solid #CC4341;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation X Label */

width: 13px;
height: 13px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation X Value */

width: 71px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Translation Y Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 0px 0px 1px;

width: 90px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Translation Y Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 2px 2px 3px;
gap: 10px;

width: 18px;
height: 22px;

background: #515151;
border-left: 2px solid #269C33;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation Y Label */

width: 12px;
height: 13px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Y Value */

width: 71px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Translation Z Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 0px 0px 1px;

width: 90px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 1;


/* Translation Z Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 2px 2px 3px;
gap: 10px;

width: 18px;
height: 22px;

background: #515151;
border-left: 2px solid #0072D7;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation Z Label */

width: 12px;
height: 13px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Z Value */

width: 71px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Frame 500 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;

width: 284px;
height: 38px;


/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;


/* Frame 714 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 0px;
gap: 10px;

width: 28px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rotation Label */

width: 28px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: right;
letter-spacing: 0.04em;
text-transform: capitalize;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;

opacity: 0.8;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Fields Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 7px;

width: 284px;
height: 22px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Translation X Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 0px 0px 1px;

width: 90px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


/* Translation X Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 2px 2px 3px;
gap: 10px;

width: 18px;
height: 22px;

background: #515151;
border-left: 2px solid #CC4341;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation X Label */

width: 13px;
height: 13px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation X Value */

width: 71px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Translation Y Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 0px 0px 1px;

width: 90px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Translation Y Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 2px 2px 3px;
gap: 10px;

width: 18px;
height: 22px;

background: #515151;
border-left: 2px solid #269C33;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation Y Label */

width: 12px;
height: 13px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Y Value */

width: 71px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Translation Z Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 0px 0px 1px;

width: 90px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 1;


/* Translation Z Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 2px 2px 3px;
gap: 10px;

width: 18px;
height: 22px;

background: #515151;
border-left: 2px solid #0072D7;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation Z Label */

width: 12px;
height: 13px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Z Value */

width: 71px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Transform Component */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 298px;
height: 117px;

background: #2A2A2A;
/* component-outline

Outline of component box in the "Components" tab (right pane).
*/
border: 1px solid rgba(255, 255, 255, 0.1);
/* component-shadow

Shadow for component box in the "Components" tab (right pane).
*/
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.88);
border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 475 */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 298px;
height: 26px;

background: #404040;
border-radius: 5px 5px 0px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Transform Header */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 8px;

width: 298px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* lucide/chevron-down */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 25%;
right: 25%;
top: 37.5%;
bottom: 37.5%;

border: 1px solid #E6E6E6;


/* Transform Icon Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 148px;
height: 13px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/move-3d */

width: 13px;
height: 13px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 8.32%;
right: 12.51%;
top: 12.5%;
bottom: 8.33%;

border: 1px solid #E6E6E6;


/* Transform Label */

width: 130px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;

text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/ellipsis */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Vector */

position: absolute;
left: 16.67%;
right: 16.67%;
top: 45.83%;
bottom: 45.83%;

background: #E6E6E6;
border: 1px solid #E6E6E6;


/* Transform Fields Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 4px 7px 7px;
gap: 4px;

width: 298px;
height: 91px;

border-radius: 0px 0px 5px 5px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 498 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;

width: 284px;
height: 38px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 713 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 0px;
gap: 10px;

width: 70px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rotation Label */

width: 70px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: right;
letter-spacing: 0.04em;
text-transform: capitalize;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;

opacity: 0.8;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation X Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;

width: 284px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Translation X Value */

width: 284px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


/* Frame 499 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;

width: 284px;
height: 38px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 712 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 0px;
gap: 10px;

width: 84px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rotation Label */

width: 84px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: right;
letter-spacing: 0.04em;
text-transform: capitalize;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;

opacity: 0.8;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Z Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;

width: 284px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Translation Z Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 15px;
gap: 10px;

width: 94px;
height: 22px;

background: #515151;
border-radius: 2.5px 0px 0px 2.5px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation Z Label */

width: 53px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Z Value */

width: 190px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Transform Component */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 298px;
height: 117px;

background: #2A2A2A;
/* component-outline

Outline of component box in the "Components" tab (right pane).
*/
border: 1px solid rgba(255, 255, 255, 0.1);
/* component-shadow

Shadow for component box in the "Components" tab (right pane).
*/
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.88);
border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;


/* Frame 476 */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 298px;
height: 26px;

background: #404040;
border-radius: 5px 5px 0px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Transform Header */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 8px;

width: 298px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* lucide/chevron-down */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 25%;
right: 25%;
top: 37.5%;
bottom: 37.5%;

border: 1px solid #E6E6E6;


/* Transform Icon Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 148px;
height: 13px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/move-3d */

width: 13px;
height: 13px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 8.32%;
right: 12.51%;
top: 12.5%;
bottom: 8.33%;

border: 1px solid #E6E6E6;


/* Transform Label */

width: 130px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;

text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/ellipsis */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Vector */

position: absolute;
left: 16.67%;
right: 16.67%;
top: 45.83%;
bottom: 45.83%;

background: #E6E6E6;
border: 1px solid #E6E6E6;


/* Transform Fields Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 4px 7px 7px;
gap: 4px;

width: 298px;
height: 91px;

border-radius: 0px 0px 5px 5px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 498 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;

width: 284px;
height: 38px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 711 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 0px;
gap: 10px;

width: 70px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rotation Label */

width: 70px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: right;
letter-spacing: 0.04em;
text-transform: capitalize;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;

opacity: 0.8;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation X Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;

width: 284px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Translation X Value */

width: 284px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


/* Frame 499 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;

width: 284px;
height: 38px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 710 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 0px;
gap: 10px;

width: 84px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rotation Label */

width: 84px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: right;
letter-spacing: 0.04em;
text-transform: capitalize;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;

opacity: 0.8;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Z Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;

width: 284px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Translation Z Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 15px;
gap: 10px;

width: 94px;
height: 22px;

background: #515151;
border-radius: 2.5px 0px 0px 2.5px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation Z Label */

width: 53px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Z Value */

width: 190px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Transform Component */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 298px;
height: 117px;

background: #2A2A2A;
/* component-outline

Outline of component box in the "Components" tab (right pane).
*/
border: 1px solid rgba(255, 255, 255, 0.1);
/* component-shadow

Shadow for component box in the "Components" tab (right pane).
*/
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.88);
border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;


/* Frame 476 */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 298px;
height: 26px;

background: #404040;
border-radius: 5px 5px 0px 0px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Transform Header */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 8px;

width: 298px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* lucide/chevron-down */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 25%;
right: 25%;
top: 37.5%;
bottom: 37.5%;

border: 1px solid #E6E6E6;


/* Transform Icon Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 148px;
height: 13px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/move-3d */

width: 13px;
height: 13px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
left: 8.32%;
right: 12.51%;
top: 12.5%;
bottom: 8.33%;

border: 1px solid #E6E6E6;


/* Transform Label */

width: 130px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;

text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* lucide/ellipsis */

margin: 0 auto;
width: 15px;
height: 15px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Vector */

position: absolute;
left: 16.67%;
right: 16.67%;
top: 45.83%;
bottom: 45.83%;

background: #E6E6E6;
border: 1px solid #E6E6E6;


/* Transform Fields Container */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 4px 7px 7px;
gap: 4px;

width: 298px;
height: 91px;

border-radius: 0px 0px 5px 5px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 498 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;

width: 284px;
height: 38px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Frame 709 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 0px;
gap: 10px;

width: 70px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rotation Label */

width: 70px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: right;
letter-spacing: 0.04em;
text-transform: capitalize;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;

opacity: 0.8;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation X Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;

width: 284px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Translation X Value */

width: 284px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


/* Frame 499 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;

width: 284px;
height: 38px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Frame 708 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 0px;
gap: 10px;

width: 84px;
height: 14px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Rotation Label */

width: 84px;
height: 8px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: right;
letter-spacing: 0.04em;
text-transform: capitalize;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;

opacity: 0.8;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Z Container */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;

width: 284px;
height: 22px;

background: #404040;
/* elevated

Put this on elements with `background/elevated` variable. The purpose of this is to slightly boost contrast / outline of various inputs.
*/
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
border-radius: 3px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Translation Z Label Container */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 15px;
gap: 10px;

width: 94px;
height: 22px;

background: #515151;
border-radius: 2.5px 0px 0px 2.5px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;


/* Translation Z Label */

width: 53px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #E6E6E6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Translation Z Value */

width: 190px;
height: 16px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* identical to box height */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #CDCBCB;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;


/* Footer */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 6px 8px;
gap: 686px;

width: 1652px;
height: 24px;

border-radius: 5px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


/* Branch Indicator Container */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

margin: 0 auto;
width: 159px;
height: 12px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Branch Icon Container */

width: 12px;
height: 12px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* lucide/git-pull-request-arrow */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 1.5px 1px;
gap: 5px;

position: absolute;
width: 12px;
height: 12px;
left: 0px;
top: 0px;



/* Vector */

width: 10px;
height: 9px;

border: 1px solid #A4A4A6;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Branch */

width: 142px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #A4A4A6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Status Middle */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4.29px;

margin: 0 auto;
width: 172px;
height: 9px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Status Text */

width: 172px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #A4A4A6;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Status Bar */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 0px;
gap: 8px;

margin: 0 auto;
width: 56.25px;
height: 11.12px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


/* Status Left */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

width: 24.12px;
height: 11.12px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Status Icon Container */

width: 11.12px;
height: 11.12px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
width: 11.12px;
height: 11.12px;
left: 0px;
top: 0px;

border: 1px solid #A4A4A6;


/* Status 0 */

width: 8px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #A4A4A6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Status Right */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 5px;

width: 24.13px;
height: 10.02px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


/* Status Icon Container */

width: 11.13px;
height: 10.02px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


/* Vector */

position: absolute;
width: 11.13px;
height: 10.02px;
left: 0px;
top: 0px;

border: 1px solid #A4A4A6;


/* Status 1 */

width: 8px;
height: 9px;

font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
text-align: center;
font-feature-settings: 'tnum' on, 'lnum' on;

color: #A4A4A6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;