Paste
Paste
DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta property="og:url"
content="https://www.figma.com/file/VZNRHYAxq2feemEge8U1bt/Unti
tled" />
<meta property="og:description" content="Created with Figma" />
<meta property="og:image"
content="https://www.figma.com/file/VZNRHYAxq2feemEge8U1bt/thum
bnail?ver=thumbnails%2F49ca2944-72f4-471d-826a-061e080e57d9&t=kLkKKTiakQCJFxjE-
0">
<meta property="og:image:width" content="537" />
<meta property="og:image:height" content="800" />
<meta property="og:image:user_generated" content="true" />
<meta property="og:type" content="article" />
<meta property="og:article:published_time" content="2023-03-10 12:30:57 UTC" />
<meta property="og:article:modified_time" content="2023-03-13 13:24:07 UTC" />
<meta property="og:article:section" content="Design" />
<script nonce="BCKyisg5jkskU+INGLw9xg==">
function isSupportedBrowser() {
const isCSSLayerSupported = CSSLayerBlockRule !== undefined
<style nonce="BCKyisg5jkskU+INGLw9xg==">
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
src:
url(https://fonts.gstatic.com/s/inter/v2/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmM
EVuLyfAZFhjA.eot?#)
format('eot'),
url(https://fonts.gstatic.com/s/inter/v2/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmM
EVuLyfAZ9hiA.woff2)
format('woff2'),
url(https://fonts.gstatic.com/s/inter/v2/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmM
EVuLyfAZFhjg.woff)
format('woff');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
src:
url(https://fonts.gstatic.com/s/inter/v2/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmM
EVuGKYAZFhjA.eot?#)
format('eot'),
url(https://fonts.gstatic.com/s/inter/v2/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmM
EVuGKYAZ9hiA.woff2)
format('woff2'),
url(https://fonts.gstatic.com/s/inter/v2/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmM
EVuGKYAZFhjg.woff)
format('woff');
}
@font-face {
font-family: 'Apercu';
font-style: italic;
font-weight: 200;
src:
url(https://static.figma.com/blog/fonts/Apercu-LightItalic.eot?#iefix)
format('embedded-opentype'),
url(https://static.figma.com/blog/fonts/Apercu-LightItalic.woff2)
format('woff2'),
url(https://static.figma.com/blog/fonts/Apercu-LightItalic.ttf)
format('truetype');
}
@font-face {
font-family: 'Apercu';
font-style: normal;
font-weight: 200;
src:
url(https://static.figma.com/blog/fonts/Apercu-Light.eot?#iefix)
format('embedded-opentype'),
url(https://static.figma.com/blog/fonts/Apercu-Light.woff2) format('woff2'),
url(https://static.figma.com/blog/fonts/Apercu-Light.ttf) format('truetype');
}
@font-face {
font-family: 'Apercu';
font-style: normal;
font-weight: 400;
src:
url(https://static.figma.com/blog/fonts/Apercu-Regular.eot?#iefix)
format('embedded-opentype'),
url(https://static.figma.com/blog/fonts/Apercu-Regular.woff2) format('woff2'),
url(https://static.figma.com/blog/fonts/Apercu-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Apercu';
font-style: italic;
font-weight: 400;
src:
url(https://static.figma.com/blog/fonts/Apercu-RegularItalic.eot?#iefix)
format('embedded-opentype'),
url(https://static.figma.com/blog/fonts/Apercu-RegularItalic.woff2)
format('woff2'),
url(https://static.figma.com/blog/fonts/Apercu-RegularItalic.ttf)
format('truetype');
}
@font-face {
font-family: 'Apercu';
font-style: normal;
font-weight: 500;
src:
url(https://static.figma.com/blog/fonts/Apercu-Medium.eot?#iefix)
format('embedded-opentype'),
url(https://static.figma.com/blog/fonts/Apercu-Medium.woff2) format('woff2'),
url(https://static.figma.com/blog/fonts/Apercu-Medium.ttf) format('truetype');
}
@font-face {
font-family: 'Apercu';
font-style: italic;
font-weight: 500;
src:
url(https://static.figma.com/blog/fonts/Apercu-MediumItalic.eot?#iefix)
format('embedded-opentype'),
url(https://static.figma.com/blog/fonts/Apercu-MediumItalic.woff2)
format('woff2'),
url(https://static.figma.com/blog/fonts/Apercu-MediumItalic.ttf)
format('truetype');
}
@font-face {
font-family: 'Apercu-Mono';
font-style: normal;
font-weight: 400;
src:
url(https://static.figma.com/blog/fonts/Apercu-Mono.eot?#iefix)
format('embedded-opentype'),
url(https://static.figma.com/blog/fonts/Apercu-Mono.woff2) format('woff2'),
url(https://static.figma.com/blog/fonts/Apercu-Mono.ttf) format('truetype');
}
@font-face {
font-family: 'D7CBI';
font-style: italic;
font-weight: 400;
src:
url(https://static.figma.com/webfont/1/DSEG7Classic-Italic-Custom2.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/DSEG7Classic-Italic-Custom2.woff)
format('woff');
}
@font-face {
font-family: 'D7CBIB';
font-style: italic;
font-weight: 700;
src:
url(https://static.figma.com/uploads/ebb2329c34e943b5ff793ecbca7fd432fb93f8c6)
format('woff2'),
url(https://static.figma.com/uploads/06688d40b7d52b25111a4d495f45e6584f7e65cb)
format('woff');
}
@font-face {
font-family: 'Figma Sans';
font-style: normal;
font-weight: 300;
src:
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Light.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Light.woff)
format('woff');
}
@font-face {
font-family: 'Figma Sans';
font-style: oblique;
font-weight: 300;
src:
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Light-Oblique.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Light-Oblique.woff)
format('woff');
}
@font-face {
font-family: 'Figma Sans';
font-style: normal;
font-weight: 400;
src:
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Regular.woff2)
format('woff2'),
url(https://static.figma.com/webfont/Figma-Standard-Text-Regular.woff)
format('woff');
}
@font-face {
font-family: 'Figma Sans';
font-style: oblique;
font-weight: 400;
src:
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Regular-
Oblique.woff2)
format('woff2'),
url(https://static.figma.com/webfont/Figma-Standard-Text-Regular-Oblique.woff)
format('woff');
}
@font-face {
font-family: 'Figma Sans';
font-style: normal;
font-weight: 500;
src:
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Medium.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Medium.woff)
format('woff');
}
@font-face {
font-family: 'Figma Sans';
font-style: oblique;
font-weight: 500;
src:
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Medium-
Oblique.woff2) format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Medium-Oblique.woff)
format('woff');
}
@font-face {
font-family: 'Figma Sans';
font-style: normal;
font-weight: 700;
src:
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Bold.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Bold.woff)
format('woff');
}
@font-face {
font-family: 'Figma Sans';
font-style: oblique;
font-weight: 700;
src:
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Bold-Oblique.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Bold-Oblique.woff)
format('woff');
}
@font-face {
font-family: 'Figma Sans';
font-style: normal;
font-weight: 900;
src:
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Heavy.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Heavy.woff)
format('woff');
}
@font-face {
font-family: 'Figma Sans';
font-style: oblique;
font-weight: 900;
src:
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Heavy-Oblique.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Standard-Text-Heavy-Oblique.woff)
format('woff');
}
@font-face {
font-family: 'Figma Mono';
font-style: normal;
font-weight: 300;
src:
url(https://static.figma.com/webfont/1/Figma-Mono-Light.woff2) format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Mono-Light.woff) format('woff');
}
@font-face {
font-family: 'Figma Mono';
font-style: oblique;
font-weight: 300;
src:
url(https://static.figma.com/webfont/1/Figma-Mono-Light-Oblique.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Mono-Light-Oblique.woff)
format('woff');
}
@font-face {
font-family: 'Figma Mono';
font-style: normal;
font-weight: 400;
src:
url(https://static.figma.com/webfont/1/Figma-Mono-Regular.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Mono-Regular.woff) format('woff');
}
@font-face {
font-family: 'Figma Mono';
font-style: oblique;
font-weight: 400;
src:
url(https://static.figma.com/webfont/1/Figma-Mono-Regular-Oblique.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Mono-Regular-Oblique.woff)
format('woff');
}
@font-face {
font-family: 'Figma Mono';
font-style: normal;
font-weight: 500;
src:
url(https://static.figma.com/webfont/1/Figma-Mono-Medium.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Mono-Medium.woff) format('woff');
}
@font-face {
font-family: 'Figma Mono';
font-style: oblique;
font-weight: 500;
src:
url(https://static.figma.com/webfont/1/Figma-Mono-Medium-Oblique.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Mono-Medium-Oblique.woff)
format('woff');
}
@font-face {
font-family: 'Figma Mono';
font-style: normal;
font-weight: 700;
src:
url(https://static.figma.com/webfont/1/Figma-Mono-Bold.woff2) format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Mono-Bold.woff) format('woff');
}
@font-face {
font-family: 'Figma Mono';
font-style: oblique;
font-weight: 700;
src:
url(https://static.figma.com/webfont/1/Figma-Mono-Bold-Oblique.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Mono-Bold-Oblique.woff)
format('woff');
}
@font-face {
font-family: 'Figma Mono';
font-style: normal;
font-weight: 900;
src:
url(https://static.figma.com/webfont/1/Figma-Mono-Heavy.woff2) format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Mono-Heavy.woff) format('woff');
}
@font-face {
font-family: 'Figma Mono';
font-style: oblique;
font-weight: 900;
src:
url(https://static.figma.com/webfont/1/Figma-Mono-Heavy-Oblique.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/Figma-Mono-Heavy-Oblique.woff)
format('woff');
}
@font-face {
font-family: 'Inter';
font-weight: 100 900;
font-style: normal;
font-named-instance: 'Regular';
src:
url(https://static.figma.com/uploads/2cca21a49f7dad1daa612d73d50357644671964a);
}
@font-face {
font-family: 'Inter';
font-weight: 100 900;
font-style: italic;
font-named-instance: 'Italic';
src:
url(https://static.figma.com/uploads/43d730c59dee2754d29e0d946ba8cb8339656979)
format('woff2');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src:
url(https://static.figma.com/webfont/1/Roboto-Light.woff2) format('woff2'),
url(https://static.figma.com/webfont/1/Roboto-Light.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src:
url(https://static.figma.com/webfont/1/Roboto-Regular.woff2) format('woff2'),
url(https://static.figma.com/webfont/1/Roboto-Regular.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src:
url(https://static.figma.com/webfont/1/Roboto-Medium.woff2?v=2)
format('woff2'),
url(https://static.figma.com/webfont/1/Roboto-Medium.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src:
url(https://static.figma.com/webfont/1/Roboto-Bold.woff2) format('woff2'),
url(https://static.figma.com/webfont/1/Roboto-Bold.woff) format('woff');
}
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src:
url(https://static.figma.com/webfont/1/RobotoMono-Regular.woff2)
format('woff2'),
url(https://static.figma.com/webfont/1/RobotoMono-Regular.woff) format('woff');
}
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 700;
src:
url(https://static.figma.com/webfont/1/RobotoMono-Bold.woff2) format('woff2'),
url(https://static.figma.com/webfont/1/RobotoMono-Bold.woff) format('woff');
}
@font-face {
font-family: 'Whyte';
font-style: normal;
font-weight: 400;
src:
url(https://static.figma.com/webfont/1/Whyte-Regular.woff) format('woff'),
url(https://static.figma.com/webfont/1/Whyte-Regular.woff2) format('wof2');
}
@font-face {
font-family: 'Whyte';
font-style: normal;
font-weight: 500;
src:
url(https://static.figma.com/webfont/1/Whyte-Medium.woff) format('woff'),
url(https://static.figma.com/webfont/1/Whyte-Medium.woff2) format('wof2');
}
@font-face {
font-family: 'Whyte';
font-style: normal;
font-weight: 700;
src:
url(https://static.figma.com/webfont/1/Whyte-Bold.woff) format('woff'),
url(https://static.figma.com/webfont/1/Whyte-Bold.woff2) format('wof2');
}
@font-face {
font-family: 'WhyteInktrap';
font-style: normal;
font-weight: 400;
src:
url(https://static.figma.com/webfont/1/WhyteInktrap-Regular.woff)
format('woff'),
url(https://static.figma.com/webfont/1/WhyteInktrap-Regular.woff2)
format('wof2');
}
@font-face {
font-family: 'WhyteInktrap';
font-style: normal;
font-weight: 700;
src:
url(https://static.figma.com/webfont/1/WhyteInktrap-Bold.woff) format('woff'),
url(https://static.figma.com/webfont/1/WhyteInktrap-Bold.woff2) format('wof2');
}
</style>
</script>
<script nonce="BCKyisg5jkskU+INGLw9xg==">
//# debugId=1a926ea2-31d2-5330-94e9-7b24c29e2037
//#
sourceMappingURL=https://admin.figma.com/admin/webpack-artifacts/85d33f51bde18376ec
ffe0bf4801f57b0ae425a6/early-27878594c6e14338.min.js.map
</script>
<title>Figma</title>
/*
This should be kept in sync with:
- GRID_TILE_MIN_WIDTH in
web/js/browse/shared/views/items_view/grid_view/grid_view.tsx
- $gridTileMinWidth in _measurements.css
*/
:root {
--file-grid-tile-min-width: 272px;
}
#filebrowser-loading-page {
opacity: 1;
-webkit-transition: opacity .2s ease-in-out;
}
.filebrowser-loading-page-layout {
display: flex;
flex-wrap: wrap;
/* Make sure the loading page is flush with the edges of the page so
our layout isnt affected by browser default margins/paddings */
position: absolute;
top: 48px;
bottom: 0;
left: 0;
right: 0;
background-color: var(--color-bg, var(--fallback-color-bg, white));
}
#loading-content-pane {
opacity: 1;
-webkit-transition: opacity .4s ease-in-out;
}
#filebrowser-loading-page.fadeOut {
opacity: 0;
}
#filebrowser-loading-page.hidden {
display: none;
opacity: 0;
}
.filebrowser-loading-page .file-grid.create-file-grid {
margin: 24px 0px;
grid-gap: 32px;
background-color: var(--color-bg, white);
}
/*
* HAX: The sidebar is cloned and used independently outside of this
* page so any styles like `.filebrowser-loading-page .thing` applied
* to sidebar sub-elements also need a selector like
* `.filebrowser-loading-sidebar .thing` so that they work outside of
* this page too.
*/
.filebrowser-loading-page .row,
.filebrowser-loading-sidebar .row {
background-color: var(--color-bg-secondary, #f0f0f0);
border-radius: 3px;
height: 16px;
}
.filebrowser-loading-page .circle,
.filebrowser-loading-sidebar .circle {
border-radius: 3px;
background-color: var(--color-bg-secondary, #f0f0f0);
width: 16px;
height: 16px;
}
.filebrowser-loading-sidebar {
flex: 0 0 240px;
width: 240px;
background-color: var(--color-bg, white);
padding-top: 16px;
display: flex;
flex-direction: column;
}
.filebrowser-loading-page .navbar {
height: 48px;
width: 100%;
position: fixed;
top: 0;
background-color: var(--color-bg-toolbar, #2C2C2C);
z-index: 1;
}
.filebrowser-loading-sidebar .row {
width: 85px;
margin-top: 8px;
margin-bottom: 12px;
margin-left: 48px;
}
.filebrowser-loading-page .divider,
.filebrowser-loading-sidebar .divider {
height: 1px;
background-color: var(--color-border, rgba(0, 0, 0, 0.1));
margin-top: 8px;
margin-bottom: 16px;
margin-left: 16px;
margin-right: 16px;
}
.filebrowser-loading-page .page {
flex: 1 1;
box-sizing: border-box;
border-left: 1px var(--color-border, #e5e5e5) solid;
display: flex;
flex-direction: column;
}
.filebrowser-loading-page .toolbar {
border-bottom: 1px var(--color-border, #e5e5e5) solid;
height: 48px;
}
.filebrowser-loading-page .toolbar .item {
background-color: var(--color-bg-secondary, #f0f0f0);
border-radius: 3px;
width: 85px;
height: 16px;
margin-left: 32px;
margin-top: 16px;
}
.filebrowser-loading-page .columns {
flex: 1 1;
display: flex;
flex-direction: row-reverse;
padding-right: 32px;
}
.filebrowser-loading-page .right-column {
padding-left: 32px;
}
.filebrowser-loading-page .content {
flex: 1 1;
}
.filebrowser-loading-page .sort-dropdown {
border-radius: 3px;
width: 86px;
padding: 16px 32px 32px 32px;
}
.filebrowser-loading-page .create-file-tile {
background-color: var(--color-bg-secondary, white);
border: 1px solid var(--color-border, #e5e5e5);
border-radius: 6px;
display: flex;
align-items: center;
height: 72px;
box-sizing: border-box;
}
.filebrowser-loading-page .tile {
height: 56px;
padding-top: 60%;
position: relative;
}
.filebrowser-loading-page .public-grid {
width: 100%;
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--file-grid-tile-min-
width), 1fr));
grid-gap: 32px;
padding-left: 32px;
}
.filebrowser-loading-page .file-grid {
width: 100%;
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--file-grid-tile-min-
width), 1fr));
grid-gap: 32px;
padding-left: 32px;
}
.filebrowser-loading-page .team-grid {
width: 100%;
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
grid-gap: 32px 32px;
padding: 32px 0 0 32px;
align-content: start;
}
.filebrowser-loading-page .team-tile {
border: 1px solid var(--color-border, rgba(0, 0, 0, .1));
border-radius: 6px;
position: relative;
padding: 16px;
}
.filebrowser-loading-page .public-header {
background-color: var(--color-bg-secondary, #f0f0f0);
width: 100%;
height: 240px;
margin-bottom: 80px;
}
.filebrowser-loading-page .profile-header {
background-color: var(--color-bg-secondary, #f0f0f0);
width: 100%;
height: 64px;
}
.filebrowser-loading-page .profile-grid {
padding: 32px;
display: grid;
grid-template-columns: 1fr 24px 1fr .75fr;
align-items: end;
}
.filebrowser-loading-page .profile-grid .row {
margin-top: 24px;
}
@media(max-width: 1000px) {
.filebrowser-loading-page .profile-grid {
grid-template-columns: 1fr;
}
.filebrowser-loading-page .project-grid {
padding-left: 32px;
display: grid;
grid-row-gap: 22px;
}
.filebrowser-loading-page .right-column {
flex: 0 0 304px;
margin-right: 16px;
margin-top: 16px;
box-sizing: border-box;
padding-left: 32px;
}
.filebrowser-loading-page .public-left-column {
padding: 0 0 32px 32px;
width: 320px;
}
/*
Note: Make sure any changes here are also duplicated in the fullscreen progress
bar
(.progressBar in progress_bar.css)
*/
#filebrowser-loading-progress-bar {
height: 5px;
/* Z index 6 chosen here so it renders over any nav elements but below any
scroll bar or modals */
z-index: 6;
position: absolute;
left: 0;
animation: filebrowserloadingProgressBar 10s cubic-bezier(.08,.8,.1,1)
forwards;
}
@keyframes filebrowserloadingProgressBar {
from { width: 0; }
to { width: 100%; }
}
.filebrowser-loading-page .page {
margin-left: 0;
width: 100%;
}
.filebrowser-loading-page .public-header {
height: 120px;
}
.filebrowser-loading-page .file-grid {
grid-template-columns: 1fr;
max-width: 400px;
margin: 0 auto;
align-self: center;
}
}
</style>
.fb-flex-row {
height: 100vh;
display: flex;
flex-direction: row;
}
.fb-sidebar {
width: 264px;
padding-top: 4px;
display: flex;
flex-direction: column;
}
.fb-page {
display: flex;
flex-direction: column;
flex-grow: 1;
border-left: 1px var(--color-border) solid;
}
.fb-page-content-columns {
overflow: hidden;
flex-grow: 1;
display: flex;
flex-direction: row;
}
.fb-page-content {
flex-grow: 1;
overflow: hidden;
position: relative;
margin-right: 32px;
}
.fb-page-right-column {
width: 304px;
margin-top: 24px;
margin-right: 16px;
padding-left: 32px;
}
.fb-fading-content {
margin-left: 32px;
}
/* SIDEBAR STYLES */
.fb-sidebar-account-and-notifications {
padding: 8px 12px;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
.fb-sidebar-searchbar {
padding: 0 8px;
margin-top: 4px;
margin-bottom: 8px;
}
.fb-sidebar-row {
padding: 8px 16px;
display: flex;
flex-direction: row;
align-items: center;
}
.fb-sidebar-row :nth-child(2) {
margin-left: 12px;
}
.fb-divider {
height: 1px;
background-color: var(--color-border, rgba(0, 0, 0, 0.1));
width: 100%;
margin-top: 8px;
margin-bottom: 10px;
}
.fb-page-right-column-header {
margin-bottom: 18px;
}
.fb-page-right-column-lower {
margin-top: 35px;
}
.fb-page-right-column-user-list {
margin-top: 22px;
margin-left: 16px;
display: flex;
flex-direction: column;
gap: 18px;
}
.fb-page-right-column-user {
display: flex;
flex-direction: row;
gap: 16px;
}
.fb-page-right-column-user:nth-child(2) {
opacity: 0.6;
}
.fb-page-right-column-user:nth-child(3) {
opacity: 0.3;
}
.fb-shrink-0 {
flex-shrink: 0;
}
.fb-circle-16 {
flex-shrink: 0;
background-color: var(--color-bg-secondary, #f0f0f0);
height: 16px;
width: 16px;
border-radius: 9999px;
}
.fb-circle-24 {
background-color: var(--color-bg-secondary, #f0f0f0);
height: 24px;
width: 24px;
border-radius: 9999px;
}
.fb-rectangle-16 {
background-color: var(--color-bg-secondary);
height: 16px;
border-radius: 3px;
}
.fb-rectangle-24 {
background-color: var(--color-bg-secondary);
height: 24px;
border-radius: 3px;
}
.fb-rectangle-32 {
background-color: var(--color-bg-secondary);
height: 32px;
border-radius: 8px;
}
.fb-rectangle-36 {
background-color: var(--color-bg-secondary);
height: 36px;
border-radius: 3px;
}
.fb-width-16 {
width: 16px;
}
.fb-width-32 {
width: 32px;
}
.fb-width-36 {
width: 36px;
}
.fb-width-50 {
width: 50px;
}
.fb-width-55 {
width: 55px;
}
.fb-width-60 {
width: 60px;
}
.fb-width-70 {
width: 70px;
}
.fb-width-80 {
width: 80px;
}
.fb-width-88 {
width: 88px;
}
.fb-width-100 {
width: 100px;
}
.fb-width-105 {
width: 105px;
}
.fb-width-115 {
width: 115px;
}
.fb-width-120 {
width: 120px;
}
.fb-width-148 {
width: 148px;
}
.fb-width-167 {
width: 167px;
}
.fb-width-180 {
width: 180px;
}
.fb-width-200 {
width: 200px;
}
.fb-width-240 {
width: 240px;
}
.fb-width-248 {
width: 248px;
}
.fb-width-256 {
width: 256px;
}
.fb-width-272 {
width: 272px;
}
.fb-width-full {
width: 100%;
}
/* Header Styles */
.fb-toolbar-48 {
border-bottom: 1px var(--color-border, #e5e5e5) solid;
height: 48px;
display: flex;
flex-shrink: 0;
align-items: center;
padding-left: 32px;
}
.fb-toolbar-64 {
border-bottom: 1px var(--color-border, #e5e5e5) solid;
height: 64px;
/* We have 10px above the toolbar in the actual page */
margin-top: 10px;
display: flex;
flex-shrink: 0;
align-items: center;
padding-left: 32px;
}
.fb-toolbar-84 {
border-bottom: 1px var(--color-border, #e5e5e5) solid;
height: 80px;
/* We have 4px above the toolbar in the actual page */
margin-top: 4px;
display: flex;
flex-shrink: 0;
align-items: center;
padding-left: 32px;
}
.fb-toolbar-84 :nth-child(2) {
margin-left: 12px;
}
.fb-breadcrumb {
height: 48px;
display: flex;
flex-shrink: 0;
align-items: center;
padding-left: 32px;
}
.fb-header {
height: 64px;
display: flex;
flex-shrink: 0;
flex-direction: row;
align-items: center;
padding-left: 32px;
}
.fb-header :nth-child(2) {
margin-left: 12px;
}
.fb-viewbar {
padding-left: 32px;
height: 64px;
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.fb-tile-grid {
display: grid;
gap: 32px;
justify-items: stretch;
/* Keep this grid template in line with the grid-template-columns in
`shared/views/items_view/grid_view/grid_view.tsx` */
grid-template-columns: repeat(auto-fill, minmax(272px, 1fr));
}
.fb-tile-grid-top-padding {
margin-top: 24px;
}
.fb-file-tile-DEPRECATED {
display: flex;
flex-direction: column;
}
.fb-file-tile-DEPRECATED .fb-rectangle-16 {
margin-top: 20px;
margin-bottom: 20px
}
.fb-file-thumbnail {
background-color: var(--color-bg-secondary);
aspect-ratio: 16 / 9;
}
.fb-border-radius-8 {
border-radius: 8px;
}
.fb-card {
border: 1px solid var(--color-border);
border-radius: 13px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.fb-file-card-footer {
border-top: 1px solid var(--color-border);
padding: 12px 16px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
.fb-file-card-footer-text-container {
display: flex;
flex-direction: column;
gap: 2px;
}
.fb-project-tile {
border: 1px solid var(--color-border);
border-radius: 16px;
display: flex;
flex-direction: column;
padding: 24px;
}
.fb-team-tile {
border: 1px solid var(--color-border);
border-radius: 16px;
display: flex;
flex-direction: column;
padding: 24px;
}
.fb-project-preview-grid {
display: grid;
gap: 12px;
justify-items: stretch;
grid-template-columns: 1fr 1fr;
}
.fb-tile-grid {
grid-template-columns: 100%;
}
}
.fb-profile-grid-header {
margin-top: 24px;
margin-bottom: 8px;
}
</style>
<link rel="preload"
href="https://static.figma.com/uploads/2cca21a49f7dad1daa612d73d503
57644671964a" as="font" crossorigin="anonymous">
<link rel="preload"
href="https://static.figma.com/uploads/43d730c59dee2754d29e0d946ba8
cb8339656979" as="font" crossorigin="anonymous">
<link rel="preload"
href="https://static.figma.com/webfont/1/DSEG7Classic-Italic-
Custom2.woff2" as="font" crossorigin="anonymous">
<link href="https://www.figma.com/webpack-
artifacts/assets/figma_app-147d09376f2e7e6e.min.css.br" rel="stylesheet"
crossorigin="anonymous">
<div id="react-page"></div>
<script nonce="BCKyisg5jkskU+INGLw9xg==">
const themePreference = window.localStorage.getItem('global-debug-theme-
preference') || 'system'
let theme
if (themePreference === 'dark') {
theme = 'dark'
} else if (themePreference === 'system') {
theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' :
'light'
} else {
theme = 'light'
}
document.querySelector("body").dataset.preferredTheme = theme
</script>
<div class='file-browser-loading-page-container'>
<div id="filebrowser-loading-page"
class="fb-page-layout hidden fadeOut"
>
<div id="filebrowser-loading-progress-bar"></div>
<div class="fb-flex-row">
<div id="filebrowser-loading-sidebar"
class="fb-sidebar ">
<div class="fb-sidebar-account-and-notifications">
<div class="fb-circle-24 fb-shrink-0"></div>
<div class="fb-rectangle-16 fb-width-120"></div>
</div>
<div class="fb-sidebar-searchbar">
<div class="fb-rectangle-32 fb-width-full"></div>
</div>
<div class="fb-sidebar-row">
<div class="fb-rectangle-16 fb-width-16 fb-shrink-0"></div>
<div class="fb-rectangle-16 fb-width-70"></div>
</div>
<div class="fb-divider"></div>
<div class="fb-sidebar-row">
<div class="fb-circle-16"></div>
<div class="fb-rectangle-16 fb-width-115"></div>
</div>
<div class="fb-sidebar-row">
<div class="fb-rectangle-16 fb-width-16 fb-shrink-0"></div>
<div class="fb-rectangle-16 fb-width-70"></div>
</div>
<div class="fb-sidebar-row">
<div class="fb-rectangle-16 fb-width-16 fb-shrink-0"></div>
<div class="fb-rectangle-16 fb-width-100"></div>
</div>
<div class="fb-sidebar-row">
<div class="fb-rectangle-16 fb-width-60"></div>
</div>
<div class="fb-sidebar-row">
<div class="fb-rectangle-16 fb-width-16 fb-shrink-0"></div>
<div class="fb-rectangle-16 fb-width-100"></div>
</div>
<div class="fb-sidebar-row">
<div class="fb-rectangle-16 fb-width-16 fb-shrink-0"></div>
<div class="fb-rectangle-16 fb-width-80"></div>
</div>
<div class="fb-sidebar-row">
<div class="fb-rectangle-16 fb-width-16 fb-shrink-0"></div>
<div class="fb-rectangle-16 fb-width-120"></div>
</div>
<div class="fb-sidebar-row">
<div class="fb-rectangle-16 fb-width-16 fb-shrink-0"></div>
<div class="fb-rectangle-16 fb-width-105"></div>
</div>
</div>
<div class="fb-page">
<div class="fb-toolbar-48">
<div class="fb-rectangle-16 fb-width-120"></div>
</div>
<div class="fb-page-content-columns">
<div class="fb-page-content">
<div id="loading-content-pane">
<div class="fb-fading-content">
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
<div class="fb-card">
<div class="fb-file-thumbnail"></div>
<div class="fb-file-card-footer">
<div class="fb-rectangle-16 fb-width-16"></div>
<div class="fb-file-card-footer-text-container">
<div class="fb-rectangle-16 fb-width-120"></div>
<div class="fb-rectangle-16 fb-width-88"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script nonce="BCKyisg5jkskU+INGLw9xg==">
window['sentryConfig'] = {
id: 1487375801224394858,
}
</script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-
artifacts/assets/runtime~figma_app-8fe94283dbe4612e.min.js.br" defer
crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/vendor-
core-07ed13eba137a39c.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
85bb0323-4a245ef14cdebf35.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
b6c1b0d0-a72a744c601422bd.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
78fcfbbe-b0fb4ac46fe87827.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
75148b34-802c0c83cfcde722.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
35f3b326-de63628cd72844fd.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
5b47e781-1ac1ba77732f38fd.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
84c79eab-ab227f9ff4d8d9c5.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
ee629b0d-533a88a9c5453991.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
3049dab6-ef86980f3654f3d7.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
80992651-e22fbab13aedb7c9.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
43ff006f-ff542e56e33987b6.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
245f5024-8a92b0c083a381c4.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
3d606be2-026522d7522d11d9.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
988d00f6-72ff9b84de354402.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
d2f29118-db6eb147f1ac107f.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/svg-
230ebc847bf71e06.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/cssbuilder-
e50dd50565d4fc14.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/vendor-
39cc8bd7a8da4121.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/vendor-
4f7248d583a2cfe4.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/vendor-
444e10a81b5e5da3.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/6158-
ebd6eeaf168c8766.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/3890-
93228a805739a4a5.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/4297-
fc2602230414b3e8.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/5049-
2e49c8ef305a1a0d.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/3436-
c546322aa3a7c083.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/7306-
1a91025148b681d4.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/figma_app-
64acc2d4cee63f44.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/1a115cee-
922b6d961e0501ba.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/vendor-
bb2e08d2ecb3a5ec.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/vendor-
34c9c5e2ad77ea0b.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/6514-
d7f15a0e3398ec13.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/8077-
ab47c66f1d54f36f.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/151-
9ddab7cd361db7b2.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/9215-
324226a5d3df020b.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/7363-
13aae7d0391f5a3c.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/8433-
8c82dcee5e124945.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/7824-
4c95de414e51a546.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/785-
37a3f2cafc9964d7.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/5541-
d37280a9a7c33d70.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/9107-
0b1a3b84784f7adb.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/1499-
362ac2064b71281e.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/8125-
e014bd28f0302629.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/7932-
a6f85a861ab548ca.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/9848-
65ac6c2b902c746f.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/975-
53f92c8c1dd4e862.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/3880-
a6c2a8d7f7420f4c.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/4771-
0ebb5ad1e5958531.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/8498-
178135bbb55fe645.min.js.br" defer crossorigin="anonymous"></script>
<script nonce="BCKyisg5jkskU+INGLw9xg=="
src="https://www.figma.com/webpack-artifacts/assets/a88a4c5a-
8ddf639dc75bc27c.min.js.br" defer crossorigin="anonymous"></script>
</body>
</html>