From d05a0a65ca55c3e2de27ec15ecc2b0165d831c9b Mon Sep 17 00:00:00 2001 From: win Date: Wed, 6 Mar 2024 16:04:37 -0800 Subject: [PATCH] Update style.css making sure it works with the example --- docs/style.css | 46172 +---------------------------------------------- 1 file changed, 97 insertions(+), 46075 deletions(-) diff --git a/docs/style.css b/docs/style.css index 965d9c4b3..35a33fe92 100644 --- a/docs/style.css +++ b/docs/style.css @@ -1,46075 +1,97 @@ -/* Home/introduction */ - -position: relative; -width: 1440px; -height: 1349px; - -background: #FFFFFF; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Frame 56 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: center; -flex-grow: 0; - - -/* All */ - -width: 18px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* dropdown_arrow/default */ - -width: 32px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: flex-start; -flex-grow: 0; - - -/* bg-default */ - -position: absolute; -left: 0%; -right: 0%; -top: -3.12%; -bottom: 3.12%; - -/* Grey/800 - -Navigational icons -Body Text - -#3C4043 -(or Grey 900 @ 86%) - -White surface text a11y -Level AA - ✅Pass -Level AAA - ✅Pass -*/ -background: #3C4043; -opacity: 0; -border-radius: 100px; - - -/* action/advOptions */ - -position: absolute; -width: 18px; -height: 18px; -left: calc(50% - 18px/2); -top: calc(50% - 18px/2 - 1px); - - - -/* ic_arrow_drop_down_24px */ - -position: absolute; -left: 16.67%; -right: 16.67%; -top: 38.89%; -bottom: 27.78%; - -background: rgba(0, 0, 0, 0.66); - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.44%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.93%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.04%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 20px; - -position: absolute; -width: 1104px; -height: 1120px; -left: 296px; -top: 68px; - - - -/* Introduction */ - -width: 109px; -height: 28px; - -/* Title/title-1 - -Title 1 - 20 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 20px; -line-height: 28px; -/* identical to box height, or 140% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Run optimized AI/ML workloads with Google Kubernetes Engine (GKE) platform orchestration capabilities. A robust AI/ML platform considers the following layers: Infrastructure orchestration that support GPUs and TPUs for training and serving workloads at scale Flexible integration with distributed computing and data processing frameworks Support for multiple teams on the same infrastructure to maximize utilization of resources */ - -width: 1104px; -height: 80px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* or 154% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Architecture */ - -width: 100px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* The diagram displays the open source tools, Kubernetes operators and frameworks that run on Kubernetes. */ - -width: 1104px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* Frame 58 */ - -width: 1104px; -height: 216px; - -/* Backgrounds/background-base - -Panel or page content area (on card-driven pages) -*/ -background: #FAFAFA; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* Applications */ - -width: 101px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Frame 63 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 20px; - -width: 1104px; -height: 200px; - - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* Card */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 16px 16px 16px 8px; - -width: 354.67px; -height: 200px; - -background: #FFFFFF; -/* 1dp */ -box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; - -width: 330.67px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Rectangle 375 */ - -width: 8px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 8px; - -width: 322.67px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px 0px 16px; -gap: 16px; - -width: 322.67px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 16px; -isolation: isolate; - -width: 322.67px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Title */ - -width: 322.67px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; -z-index: 0; - - -/* 👁️18x18/delete */ - -position: absolute; -display: none; -width: 18px; -height: 18px; -right: -0.33px; -top: 0px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; -z-index: 1; - - -/* Description */ - -width: 322.67px; -height: 80px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* or 154% */ - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* 👁️GreyOnHairline/1.Enabled - -🔒 Grey800 Label -🔒 Grey300 Stroke -🔒 White Container -*/ - -box-sizing: border-box; - -display: none; -width: 400px; -height: 136px; - -/* Grey/White */ -background: #FFFFFF; -/* Grey/300 - -Hairline - -#DADCE0 -(or Grey 900 @ 16%) - -Use for 0 elevation and borders/dividers - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -border: 1px solid #DADCE0; -border-radius: 8px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Button */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -width: 104px; -height: 32px; - -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Label */ - -width: 80px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Card */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 16px 16px 16px 8px; - -width: 354.67px; -height: 200px; - -background: #FFFFFF; -/* 1dp */ -box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; - -width: 330.67px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Rectangle 375 */ - -width: 8px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 8px; - -width: 322.67px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px 0px 16px; -gap: 16px; - -width: 322.67px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 16px; -isolation: isolate; - -width: 322.67px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Title */ - -width: 322.67px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; -z-index: 0; - - -/* 👁️18x18/delete */ - -position: absolute; -display: none; -width: 18px; -height: 18px; -right: -0.33px; -top: 0px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; -z-index: 1; - - -/* Description */ - -width: 322.67px; -height: 80px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* or 154% */ - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* 👁️GreyOnHairline/1.Enabled - -🔒 Grey800 Label -🔒 Grey300 Stroke -🔒 White Container -*/ - -box-sizing: border-box; - -display: none; -width: 400px; -height: 136px; - -/* Grey/White */ -background: #FFFFFF; -/* Grey/300 - -Hairline - -#DADCE0 -(or Grey 900 @ 16%) - -Use for 0 elevation and borders/dividers - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -border: 1px solid #DADCE0; -border-radius: 8px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Button */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -width: 104px; -height: 32px; - -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Label */ - -width: 80px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Card */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 16px 16px 16px 8px; - -width: 354.67px; -height: 200px; - -background: #FFFFFF; -/* 1dp */ -box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; - -width: 330.67px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Rectangle 375 */ - -width: 8px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 8px; - -width: 322.67px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px 0px 16px; -gap: 16px; - -width: 322.67px; -height: 136px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 16px; -isolation: isolate; - -width: 322.67px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Title */ - -width: 322.67px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; -z-index: 0; - - -/* 👁️18x18/delete */ - -position: absolute; -display: none; -width: 18px; -height: 18px; -right: -0.33px; -top: 0px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; -z-index: 1; - - -/* Description */ - -width: 322.67px; -height: 80px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* or 154% */ - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* 👁️GreyOnHairline/1.Enabled - -🔒 Grey800 Label -🔒 Grey300 Stroke -🔒 White Container -*/ - -box-sizing: border-box; - -display: none; -width: 400px; -height: 136px; - -/* Grey/White */ -background: #FFFFFF; -/* Grey/300 - -Hairline - -#DADCE0 -(or Grey 900 @ 16%) - -Use for 0 elevation and borders/dividers - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -border: 1px solid #DADCE0; -border-radius: 8px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Button */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -width: 104px; -height: 32px; - -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Label */ - -width: 80px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Tools */ - -width: 45px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Frame 64 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 20px; - -width: 1104px; -height: 140px; - - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* Card */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 16px 16px 16px 8px; - -width: 354.67px; -height: 140px; - -background: #FFFFFF; -/* 1dp */ -box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; - -width: 330.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Rectangle 375 */ - -width: 8px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 8px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px 0px 16px; -gap: 16px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 16px; -isolation: isolate; - -width: 322.67px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Title */ - -width: 322.67px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; -z-index: 0; - - -/* 👁️18x18/delete */ - -position: absolute; -display: none; -width: 18px; -height: 18px; -right: -0.33px; -top: 0px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; -z-index: 1; - - -/* Description */ - -width: 322.67px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* 👁️GreyOnHairline/1.Enabled - -🔒 Grey800 Label -🔒 Grey300 Stroke -🔒 White Container -*/ - -box-sizing: border-box; - -display: none; -width: 400px; -height: 136px; - -/* Grey/White */ -background: #FFFFFF; -/* Grey/300 - -Hairline - -#DADCE0 -(or Grey 900 @ 16%) - -Use for 0 elevation and borders/dividers - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -border: 1px solid #DADCE0; -border-radius: 8px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Button */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -width: 104px; -height: 32px; - -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Label */ - -width: 80px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Card */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 16px 16px 16px 8px; - -width: 354.67px; -height: 140px; - -background: #FFFFFF; -/* 1dp */ -box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; - -width: 330.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Rectangle 375 */ - -width: 8px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 8px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px 0px 16px; -gap: 16px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 16px; -isolation: isolate; - -width: 322.67px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Title */ - -width: 322.67px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; -z-index: 0; - - -/* 👁️18x18/delete */ - -position: absolute; -display: none; -width: 18px; -height: 18px; -right: -0.33px; -top: 0px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; -z-index: 1; - - -/* Description */ - -width: 322.67px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* 👁️GreyOnHairline/1.Enabled - -🔒 Grey800 Label -🔒 Grey300 Stroke -🔒 White Container -*/ - -box-sizing: border-box; - -display: none; -width: 400px; -height: 136px; - -/* Grey/White */ -background: #FFFFFF; -/* Grey/300 - -Hairline - -#DADCE0 -(or Grey 900 @ 16%) - -Use for 0 elevation and borders/dividers - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -border: 1px solid #DADCE0; -border-radius: 8px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Button */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -width: 104px; -height: 32px; - -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Label */ - -width: 80px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Card */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 16px 16px 16px 8px; - -width: 354.67px; -height: 140px; - -background: #FFFFFF; -/* 1dp */ -box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; - -width: 330.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Rectangle 375 */ - -width: 8px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 8px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px 0px 16px; -gap: 16px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 16px; -isolation: isolate; - -width: 322.67px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Title */ - -width: 322.67px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; -z-index: 0; - - -/* 👁️18x18/delete */ - -position: absolute; -display: none; -width: 18px; -height: 18px; -right: -0.33px; -top: 0px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; -z-index: 1; - - -/* Description */ - -width: 322.67px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* 👁️GreyOnHairline/1.Enabled - -🔒 Grey800 Label -🔒 Grey300 Stroke -🔒 White Container -*/ - -box-sizing: border-box; - -display: none; -width: 400px; -height: 136px; - -/* Grey/White */ -background: #FFFFFF; -/* Grey/300 - -Hairline - -#DADCE0 -(or Grey 900 @ 16%) - -Use for 0 elevation and borders/dividers - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -border: 1px solid #DADCE0; -border-radius: 8px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Button */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -width: 104px; -height: 32px; - -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Label */ - -width: 80px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Tutorials and samples */ - -width: 178px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* Frame 65 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 20px; - -width: 1104px; -height: 140px; - - -/* Inside auto layout */ -flex: none; -order: 10; -align-self: stretch; -flex-grow: 0; - - -/* Card */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 16px 16px 16px 8px; - -width: 354.67px; -height: 140px; - -background: #FFFFFF; -/* 1dp */ -box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; - -width: 330.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Rectangle 375 */ - -width: 8px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 8px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px 0px 16px; -gap: 16px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 16px; -isolation: isolate; - -width: 322.67px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Title */ - -width: 322.67px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; -z-index: 0; - - -/* 👁️18x18/delete */ - -position: absolute; -display: none; -width: 18px; -height: 18px; -right: -0.33px; -top: 0px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; -z-index: 1; - - -/* Description */ - -width: 322.67px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* 👁️GreyOnHairline/1.Enabled - -🔒 Grey800 Label -🔒 Grey300 Stroke -🔒 White Container -*/ - -box-sizing: border-box; - -display: none; -width: 400px; -height: 136px; - -/* Grey/White */ -background: #FFFFFF; -/* Grey/300 - -Hairline - -#DADCE0 -(or Grey 900 @ 16%) - -Use for 0 elevation and borders/dividers - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -border: 1px solid #DADCE0; -border-radius: 8px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Button */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -width: 104px; -height: 32px; - -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Label */ - -width: 80px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Card */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 16px 16px 16px 8px; - -width: 354.67px; -height: 140px; - -background: #FFFFFF; -/* 1dp */ -box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; - -width: 330.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Rectangle 375 */ - -width: 8px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 8px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px 0px 16px; -gap: 16px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 16px; -isolation: isolate; - -width: 322.67px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Title */ - -width: 322.67px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; -z-index: 0; - - -/* 👁️18x18/delete */ - -position: absolute; -display: none; -width: 18px; -height: 18px; -right: -0.33px; -top: 0px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; -z-index: 1; - - -/* Description */ - -width: 322.67px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* 👁️GreyOnHairline/1.Enabled - -🔒 Grey800 Label -🔒 Grey300 Stroke -🔒 White Container -*/ - -box-sizing: border-box; - -display: none; -width: 400px; -height: 136px; - -/* Grey/White */ -background: #FFFFFF; -/* Grey/300 - -Hairline - -#DADCE0 -(or Grey 900 @ 16%) - -Use for 0 elevation and borders/dividers - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -border: 1px solid #DADCE0; -border-radius: 8px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Button */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -width: 104px; -height: 32px; - -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Label */ - -width: 80px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Card */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 16px 16px 16px 8px; - -width: 354.67px; -height: 140px; - -background: #FFFFFF; -/* 1dp */ -box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; - -width: 330.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Rectangle 375 */ - -width: 8px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 8px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px 0px 16px; -gap: 16px; - -width: 322.67px; -height: 76px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Frame 10 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 16px; -isolation: isolate; - -width: 322.67px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Title */ - -width: 322.67px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; -z-index: 0; - - -/* 👁️18x18/delete */ - -position: absolute; -display: none; -width: 18px; -height: 18px; -right: -0.33px; -top: 0px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; -z-index: 1; - - -/* Description */ - -width: 322.67px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* 👁️GreyOnHairline/1.Enabled - -🔒 Grey800 Label -🔒 Grey300 Stroke -🔒 White Container -*/ - -box-sizing: border-box; - -display: none; -width: 400px; -height: 136px; - -/* Grey/White */ -background: #FFFFFF; -/* Grey/300 - -Hairline - -#DADCE0 -(or Grey 900 @ 16%) - -Use for 0 elevation and borders/dividers - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -border: 1px solid #DADCE0; -border-radius: 8px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Button */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -width: 104px; -height: 32px; - -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Label */ - -width: 80px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Infrastructure */ - -display: none; -width: 111px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* Frame 59 */ - -display: none; -width: 1024px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 12; -flex-grow: 0; - - -/* The AI-on-GKE application modules assumes you already have a functional GKE cluster. If not, follow the instructions under infrastructure/README.md  to install a Standard or Autopilot GKE cluster. */ - -position: absolute; -width: 1024px; -height: 40px; -left: 0px; -top: 0px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* or 154% */ -display: flex; -align-items: center; - -color: #000000; - - - -/* Icon */ - -position: absolute; -width: 14px; -height: 18px; -left: 868px; -top: 2px; - - - -/* Shape */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -top: 2px; - -/* Quick Selection/Blue 700 */ -background: #3367D6; - - -/* Path */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -bottom: 7px; - -background: #000000; - - -/* Path */ - -position: absolute; -width: 6.62px; -height: 6.62px; -left: 4.38px; -bottom: 9.38px; - -background: #000000; - - -/* Frame 60 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 20px; -gap: 10px; - -display: none; -width: 1104px; -height: 440px; - -/* Backgrounds/background-base - -Panel or page content area (on card-driven pages) -*/ -background: #FAFAFA; - -/* Inside auto layout */ -flex: none; -order: 13; -align-self: stretch; -flex-grow: 0; - - -/* . ├── LICENSE ├── README.md ├── infrastructure │ ├── README.md │ ├── backend.tf │ ├── main.tf │ ├── outputs.tf │ ├── platform.tfvars │ ├── variables.tf │ └── versions.tf ├── modules │ ├── gke-autopilot-private-cluster │ ├── gke-autopilot-public-cluster │ ├── gke-standard-private-cluster │ ├── gke-standard-public-cluster │ ├── jupyter │ ├── jupyter_iap │ ├── jupyter_service_accounts │ ├── kuberay-cluster │ ├── kuberay-logging │ ├── kuberay-monitoring │ ├── kuberay-operator │ └── kuberay-serviceaccounts └── tutorial.md */ - -width: 1030px; -height: 400px; - -/* Code/code */ -font-family: 'Roboto Mono'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 16px; -/* or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* 24x24/copy */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 19px; -height: 22px; -left: 2px; -top: 1px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 8.33%; -right: 33.33%; -top: 4.17%; -bottom: 29.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 25%; -right: 12.5%; -top: 20.83%; -bottom: 4.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 33.33%; -right: 20.83%; -top: 29.17%; -bottom: 12.5%; - -background: #000000; - - -/* Frame 61 */ - -display: none; -width: 1024px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 14; -flex-grow: 0; - - -/* To deploy new GKE cluster update the platform.tfvars file with the appropriate values and then execute below terraform commands: */ - -position: absolute; -width: 1024px; -height: 20px; -left: 0px; -top: 10px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; - -color: #000000; - - - -/* Frame 62 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 20px; -gap: 10px; - -display: none; -width: 1104px; -height: 72px; - -/* Backgrounds/background-base - -Panel or page content area (on card-driven pages) -*/ -background: #FAFAFA; - -/* Inside auto layout */ -flex: none; -order: 15; -align-self: stretch; -flex-grow: 0; - - -/* terraform init terraform apply -var-file platform.tfvars */ - -width: 1030px; -height: 32px; - -/* Code/code */ -font-family: 'Roboto Mono'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 16px; -/* or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* 24x24/copy */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 19px; -height: 22px; -left: 2px; -top: 1px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 8.33%; -right: 33.33%; -top: 4.17%; -bottom: 29.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 25%; -right: 12.5%; -top: 20.83%; -bottom: 4.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 33.33%; -right: 20.83%; -top: 29.17%; -bottom: 12.5%; - -background: #000000; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Part - Section ID */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px 12px 9px 15px; -gap: 12px; - -position: absolute; -height: 49px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Panel/border-bottom */ -box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.12); - - -/* Section icon */ - -width: 32px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 27px; -height: 24px; -left: 2.5px; -top: 4px; - - - -/* Oval */ - -position: absolute; -left: 38.5%; -right: 38.69%; -top: 61.31%; -bottom: 15.88%; - -background: #616161; -transform: rotate(-89.5deg); - - -/* Shape */ - -position: absolute; -left: 54.32%; -right: 7.81%; -top: 31.63%; -bottom: 12.5%; - -background: #757575; - - -/* Shape */ - -position: absolute; -left: 7.81%; -right: 41.77%; -top: 35.07%; -bottom: 12.5%; - -background: #757575; - - -/* Shape */ - -position: absolute; -left: 17.86%; -right: 19.86%; -top: 12.5%; -bottom: 54.12%; - -background: #757575; - - -/* Section name */ - -width: 184px; -height: 24px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -text-indent: 3px; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Badge - -Preview badges inform users of the launch stage of a feature or product. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 10px; - -display: none; -width: 59px; -height: 20px; - -background: #455A64; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* preview */ - -width: 51px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Toggle */ - -display: none; -width: 21px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* 18x18/unfold */ - -position: absolute; -width: 18px; -height: 18px; -right: 3px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 14px; -height: 8.5px; -left: 2px; -top: 5px; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* Path */ - -position: absolute; -left: 11.11%; -right: 11.11%; -top: 25%; -bottom: 25%; - -background: #000000; - - -/* Knockout */ - -position: absolute; -left: 11.11%; -right: 11.11%; -top: 19.44%; -bottom: 41.67%; - -background: #000000; - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Release Notes */ - -width: 255px; -height: 49px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.12); - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 136px; -height: 40px; -left: 8px; -top: calc(50% - 40px/2 + 0.5px); - - - -/* [layout frame] Icon */ - -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* marketplace/flat-24 */ - -position: absolute; -width: 18px; -height: 18px; -left: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Group */ - -position: absolute; -width: 16.63px; -height: 18px; -left: 0.75px; -top: 0px; - - - -/* Rectangle 6 */ - -position: absolute; -left: 56.06%; -right: 27.8%; -top: 0%; -bottom: 67.72%; - -background: #757575; -transform: rotate(45deg); - - -/* Rectangle 6 */ - -position: absolute; -left: 44.65%; -right: 23.07%; -top: 11.41%; -bottom: 72.45%; - -background: #757575; -transform: rotate(45deg); - - -/* Group 3 */ - -position: absolute; -width: 16.63px; -height: 16.16px; -left: 0.75px; -top: 1.85px; - - - -/* Group 2 */ - -position: absolute; -width: 16.63px; -height: 12.38px; -left: 0.75px; -top: 1.85px; - - - -/* ic_add_shopping_cart_24px */ - -position: absolute; -width: 16.63px; -height: 12.38px; -left: 0.75px; -top: 1.85px; - - - -/* Shape */ - -position: absolute; -left: 4.17%; -right: 3.43%; -top: 10.25%; -bottom: 21%; - -background: #757575; - - -/* Path */ - -position: absolute; -left: 29.17%; -right: 53.69%; -top: 82.81%; -bottom: 0%; - -background: #757575; - - -/* Path */ - -position: absolute; -left: 66.67%; -right: 16.19%; -top: 82.81%; -bottom: 0%; - -background: #757575; - - -/* Rectangle 6 */ - -position: absolute; -left: 56.06%; -right: 11.66%; -top: 0%; -bottom: 83.86%; - -background: #757575; -transform: rotate(45deg); - - -/* Rectangle 6 */ - -position: absolute; -left: 67.47%; -right: 16.39%; -top: 11.41%; -bottom: 56.31%; - -background: #757575; -transform: rotate(45deg); - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 88px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Text */ - -width: 72px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -visibility: hidden; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2 + 0.5px); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Footer */ - -width: 255px; -height: 49px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.12); - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 141px; -height: 40px; -left: 8px; -top: calc(50% - 40px/2 + 0.5px); - - - -/* [layout frame] Icon */ - -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 24x24/release-notes */ - -position: absolute; -width: 18px; -height: 18px; -left: 15px; -top: calc(50% - 18px/2); - - - -/* Bounds */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 8.33%; -right: 12.72%; -top: 8.33%; -bottom: 8.33%; - -background: #757575; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 93px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Text */ - -width: 77px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -visibility: hidden; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2 + 0.5px); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* Left panel toggle */ - -width: 255px; -height: 49px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.12); - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* Common Button */ - -position: absolute; -width: 40px; -height: 40px; -left: 12px; -top: calc(50% - 40px/2 + 0.5px); - - - -/* 18x18/collapse */ - -position: absolute; -width: 18px; -height: 18px; -left: calc(50% - 18px/2); -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 9px; -height: 9.31px; -left: 3px; -top: 13px; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); -transform: rotate(-90deg); - - -/* Path */ - -position: absolute; -left: 16.67%; -right: 33.33%; -top: 72.22%; -bottom: -3.1%; - -background: #000000; -transform: rotate(-90deg); - - -/* Path */ - -position: absolute; -left: 60.04%; -right: -10.04%; -top: 72.22%; -bottom: 19.44%; - -background: #000000; -transform: rotate(-90deg); - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 252px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -/* Quick Selection/Blue 700 */ -border: 1.5px dashed #3367D6; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 89px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 03 */ - -position: absolute; -width: 18px; -height: 18px; -left: 15px; -top: calc(50% - 18px/2); - - - -/* icon */ - -position: absolute; -left: 25%; -right: 25%; -top: 25%; -bottom: 25%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 89px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 48px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 03 */ - -position: absolute; -width: 18px; -height: 18px; -left: 15px; -top: calc(50% - 18px/2); - - - -/* icon */ - -position: absolute; -left: 25%; -right: 25%; -top: 25%; -bottom: 25%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 48px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 144px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 03 */ - -position: absolute; -width: 18px; -height: 18px; -left: 15px; -top: calc(50% - 18px/2); - - - -/* icon */ - -position: absolute; -left: 25%; -right: 25%; -top: 25%; -bottom: 25%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 144px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Placeholder */ - -box-sizing: border-box; - -width: 14px; -height: 14px; - -border: 1.5px dashed #757575; -border-radius: 3px; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 1; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 167px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 167px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* New */ - -width: 27px; -height: 20px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 20px; -/* identical to box height, or 167% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -color: #FFFFFF; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Best practices */ - -position: relative; -width: 1440px; -height: 1580px; - -background: #FFFFFF; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.44%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.93%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.04%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 20px; - -position: absolute; -width: 1104px; -height: 1452px; -left: 296px; -top: 68px; - - - -/* Best Practices for Faster Workload Cold Start */ - -width: 406px; -height: 28px; - -/* Title/title-1 - -Title 1 - 20 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 20px; -line-height: 28px; -/* identical to box height, or 140% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* This page provides best practices to help achieve faster workload cold start on Google Kubernetes Engine (GKE), and discusses factors that determine the workload startup latency. */ - -width: 1104px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* The cold start problem occurs when workloads are scheduled to nodes that haven't hosted the workloads before. Since the new node has no pre-existing container images, the initial startup time for the workloads can be significantly longer. This extended startup time can lead to latency issues on the overall application performance, especially for handling traffic surge by node autoscaling. */ - -width: 1104px; -height: 60px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* or 154% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* Best Practices */ - -width: 117px; -height: 24px; - -/* Title/title-2 - -Title 2 - 18 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 18px; -line-height: 24px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Use ephemeral storage with local SSDs or larger boot disks for Node */ - -width: 458px; -height: 20px; - -/* Title/title-4 - -Title 4 - 15 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 2px; - -width: 437px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 0px; - -width: 421px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Link Label */ - -width: 421px; -height: 15px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 15px; -/* identical to box height, or 125% */ - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Underline */ - -width: 421px; -height: 1px; - -/* Quick Selection/Blue 700 */ -background: #3367D6; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon */ - -width: 14px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Shape */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -top: 2px; - -/* Quick Selection/Blue 700 */ -background: #3367D6; - - -/* Path */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -bottom: 7px; - -background: #000000; - - -/* Path */ - -position: absolute; -width: 6.62px; -height: 6.62px; -left: 4.38px; -bottom: 9.38px; - -background: #000000; - - -/* With this feature, you can create a node pool that uses ephemeral storage with local SSDs in an existing cluster running on GKE version 1.25.3-gke.1800 or later. And the local SSDs will also be used by kubelet and containerd as root dirs, which can improve the latency for container runtime operations such as image pull. */ - -width: 1104px; -height: 40px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* or 154% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* Frame 62 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 20px; -gap: 10px; - -width: 1104px; -height: 104px; - -/* Backgrounds/background-base - -Panel or page content area (on card-driven pages) -*/ -background: #FAFAFA; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* gcloud container node-pools create POOL_NAME \ --cluster=CLUSTER_NAME \ --ephemeral-storage-local-ssd count= \ --machine-type=MACHINE_TYPE */ - -width: 1030px; -height: 64px; - -/* Code/code */ -font-family: 'Roboto Mono'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 16px; -/* or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* 24x24/copy */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 19px; -height: 22px; -left: 2px; -top: 1px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 8.33%; -right: 33.33%; -top: 4.17%; -bottom: 29.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 25%; -right: 12.5%; -top: 20.83%; -bottom: 4.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 33.33%; -right: 20.83%; -top: 29.17%; -bottom: 12.5%; - -background: #000000; - - -/* Frame 64 */ - -width: 1024px; -height: 60px; - - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Nodes will mount the Kubelet and container runtime (docker or containerd) root directories on a local SSD. Then the container layer to be backed by the local SSD, with the IOPSand throughput documented on About local SSDs , which are usually more cost-effective than increasing the PD size , below is a brief comparison between them in us-central1, with the same cost, LocalSSD has ~3x throughput than PD, with which the image pull runs faster and reduces the workload startup latency. */ - -position: absolute; -width: 1024px; -height: 60px; -left: 0px; -top: 0px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* or 154% */ -display: flex; -align-items: center; - -color: #000000; - - - -/* Icon */ - -position: absolute; -width: 14px; -height: 18px; -left: 314px; -top: 22px; - - - -/* Shape */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -top: 2px; - -/* Quick Selection/Blue 700 */ -background: #3367D6; - - -/* Path */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -bottom: 7px; - -background: #000000; - - -/* Path */ - -position: absolute; -width: 6.62px; -height: 6.62px; -left: 4.38px; -bottom: 9.38px; - -background: #000000; - - -/* Icon */ - -position: absolute; -width: 14px; -height: 18px; -left: 710px; -top: 22px; - - - -/* Shape */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -top: 2px; - -/* Quick Selection/Blue 700 */ -background: #3367D6; - - -/* Path */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -bottom: 7px; - -background: #000000; - - -/* Path */ - -position: absolute; -width: 6.62px; -height: 6.62px; -left: 4.38px; -bottom: 9.38px; - -background: #000000; - - -/* Screenshot 2024-02-29 at 3.58 1 */ - -width: 1104px; -height: 286px; - -background: url(Screenshot 2024-02-29 at 3.58); - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* Enable container image streaming */ - -width: 229px; -height: 20px; - -/* Title/title-4 - -Title 4 - 15 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 2px; - -width: 445px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 0px; - -width: 429px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Link Label */ - -width: 429px; -height: 15px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 15px; -/* identical to box height, or 125% */ - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Underline */ - -width: 429px; -height: 1px; - -/* Quick Selection/Blue 700 */ -background: #3367D6; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon */ - -width: 14px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Shape */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -top: 2px; - -/* Quick Selection/Blue 700 */ -background: #3367D6; - - -/* Path */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -bottom: 7px; - -background: #000000; - - -/* Path */ - -position: absolute; -width: 6.62px; -height: 6.62px; -left: 4.38px; -bottom: 9.38px; - -background: #000000; - - -/* Frame 65 */ - -width: 1024px; -height: 22px; - - -/* Inside auto layout */ -flex: none; -order: 12; -flex-grow: 0; - - -/* When customers are using Artifact Registry for their containers and meet requirements , they can enable image streaming on the cluster by */ - -position: absolute; -width: 1024px; -height: 40px; -left: 0px; -top: 0px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* or 154% */ -display: flex; -align-items: center; - -color: #000000; - - - -/* Icon */ - -position: absolute; -width: 14px; -height: 18px; -left: 502px; -top: 4px; - - - -/* Shape */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -top: 2px; - -/* Quick Selection/Blue 700 */ -background: #3367D6; - - -/* Path */ - -position: absolute; -width: 9px; -height: 9px; -left: 2px; -bottom: 7px; - -background: #000000; - - -/* Path */ - -position: absolute; -width: 6.62px; -height: 6.62px; -left: 4.38px; -bottom: 9.38px; - -background: #000000; - - -/* Frame 66 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 20px; -gap: 10px; - -width: 1104px; -height: 104px; - -/* Backgrounds/background-base - -Panel or page content area (on card-driven pages) -*/ -background: #FAFAFA; - -/* Inside auto layout */ -flex: none; -order: 13; -align-self: stretch; -flex-grow: 0; - - -/* gcloud container clusters create CLUSTER_NAME \ --zone=COMPUTE_ZONE \ --image-type="COS_CONTAINERD" \ --enable-image-streaming */ - -width: 1030px; -height: 64px; - -/* Code/code */ -font-family: 'Roboto Mono'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 16px; -/* or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* 24x24/copy */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 19px; -height: 22px; -left: 2px; -top: 1px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 8.33%; -right: 33.33%; -top: 4.17%; -bottom: 29.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 25%; -right: 12.5%; -top: 20.83%; -bottom: 4.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 33.33%; -right: 20.83%; -top: 29.17%; -bottom: 12.5%; - -background: #000000; - - -/* Customers can benefit from image streaming to allow workloads to start without waiting for the entire image to be downloaded, which leads to significant improvements in workload startup time. For example, Nvidia Triton Server (5.4GB container image) end-to-end startup time (from workload creation to server up for traffic) can be reduced from 191s to 30s. */ - -width: 1104px; -height: 40px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* or 154% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 14; -align-self: stretch; -flex-grow: 0; - - -/* Use Zstandard compressed container images */ - -width: 305px; -height: 20px; - -/* Title/title-4 - -Title 4 - 15 Medium -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 15; -flex-grow: 0; - - -/* Zstandard compression is a feature supported in ContainerD. Please note that Use the zstd builder in docker buildx */ - -width: 1104px; -height: 40px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* or 154% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 16; -align-self: stretch; -flex-grow: 0; - - -/* Frame 67 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 20px; -gap: 10px; - -width: 1104px; -height: 88px; - -/* Backgrounds/background-base - -Panel or page content area (on card-driven pages) -*/ -background: #FAFAFA; - -/* Inside auto layout */ -flex: none; -order: 17; -align-self: stretch; -flex-grow: 0; - - -/* docker buildx create --name zstd-builder --driver docker-container \ --driver-opt image=moby/buildkit:v0.10.3 docker buildx use zstd-builder */ - -width: 1030px; -height: 48px; - -/* Code/code */ -font-family: 'Roboto Mono'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 16px; -/* or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* 24x24/copy */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 19px; -height: 22px; -left: 2px; -top: 1px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 8.33%; -right: 33.33%; -top: 4.17%; -bottom: 29.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 25%; -right: 12.5%; -top: 20.83%; -bottom: 4.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 33.33%; -right: 20.83%; -top: 29.17%; -bottom: 12.5%; - -background: #000000; - - -/* Build and push an image */ - -width: 1104px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 18; -align-self: stretch; -flex-grow: 0; - - -/* Frame 68 */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 20px; -gap: 10px; - -width: 1104px; -height: 152px; - -/* Backgrounds/background-base - -Panel or page content area (on card-driven pages) -*/ -background: #FAFAFA; - -/* Inside auto layout */ -flex: none; -order: 19; -align-self: stretch; -flex-grow: 0; - - -/* IMAGE_URI=us-central1-docker.pkg.dev//example IMAGE_TAG=v1 docker buildx build --file Dockerfile --output type=image,name=$IMAGE_URI:$IMAGE_TAG,oci-mediatypes=true,compression=zstd,compression-level=3,force-compression=true,push=true . */ - -width: 1030px; -height: 112px; - -/* Code/code */ -font-family: 'Roboto Mono'; -font-style: normal; -font-weight: 400; -font-size: 12px; -line-height: 16px; -/* or 133% */ -display: flex; -align-items: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* 24x24/copy */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 19px; -height: 22px; -left: 2px; -top: 1px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 8.33%; -right: 33.33%; -top: 4.17%; -bottom: 29.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 25%; -right: 12.5%; -top: 20.83%; -bottom: 4.17%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 33.33%; -right: 20.83%; -top: 29.17%; -bottom: 12.5%; - -background: #000000; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 250px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 89px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 89px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 48px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 48px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 144px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 144px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Applications - RAG */ - -position: relative; -width: 1440px; -height: 1024px; - -background: #FFFFFF; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 366px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 156px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 65px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 65px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/up */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 66.67%; -bottom: 0%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); -transform: matrix(1, 0, 0, -1, 0, 0); - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 48px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 48px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 144px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 144px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.44%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.94%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.04%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Applications - Ray */ - -position: relative; -width: 1440px; -height: 1024px; - -background: #FFFFFF; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 366px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 156px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 65px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 65px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/up */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 66.67%; -bottom: 0%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); -transform: matrix(1, 0, 0, -1, 0, 0); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 48px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 48px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 144px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 144px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.44%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.94%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.04%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Applications - Jupyter */ - -position: relative; -width: 1440px; -height: 1024px; - -background: #FFFFFF; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 366px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 156px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 65px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 65px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/up */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 66.67%; -bottom: 0%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); -transform: matrix(1, 0, 0, -1, 0, 0); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 48px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 48px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 144px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 144px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.44%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.94%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.04%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Tools - Saxmlongke */ - -position: relative; -width: 1440px; -height: 1024px; - -background: #FFFFFF; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 366px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 89px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 89px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 156px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 65px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 65px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/up */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 66.67%; -bottom: 0%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); -transform: matrix(1, 0, 0, -1, 0, 0); - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 144px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 144px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.44%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.94%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.03%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Tools - diskimagebuilder */ - -position: relative; -width: 1440px; -height: 1024px; - -background: #FFFFFF; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 366px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 89px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 89px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 156px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 65px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 65px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/up */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 66.67%; -bottom: 0%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); -transform: matrix(1, 0, 0, -1, 0, 0); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 144px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 144px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.44%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.94%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.03%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Tools - dcgmongke */ - -position: relative; -width: 1440px; -height: 1024px; - -background: #FFFFFF; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 366px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 89px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 89px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 156px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 65px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 65px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/up */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 66.67%; -bottom: 0%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); -transform: matrix(1, 0, 0, -1, 0, 0); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 144px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 144px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.44%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.94%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.03%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Benchmarks */ - -position: relative; -width: 1440px; -height: 1024px; - -background: #FFFFFF; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 250px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 89px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 89px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 48px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 48px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 144px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 144px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.44%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.94%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.03%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Tutorials - GenAI/llm */ - -position: relative; -width: 1440px; -height: 1024px; - -background: #FFFFFF; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 366px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 89px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 89px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 48px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 48px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 156px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 65px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 65px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/up */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 66.67%; -bottom: 0%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); -transform: matrix(1, 0, 0, -1, 0, 0); - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.44%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.94%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.03%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Tutorials - GPU */ - -position: relative; -width: 1440px; -height: 1024px; - -background: #FFFFFF; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 366px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 89px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 89px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 48px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 48px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 156px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 65px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 65px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/up */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 66.67%; -bottom: 0%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); -transform: matrix(1, 0, 0, -1, 0, 0); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.45%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.93%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.04%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Tutorials - TPU */ - -position: relative; -width: 1440px; -height: 1024px; - -background: #FFFFFF; - - -/* Side nav */ - -position: absolute; -width: 256px; -height: 1484px; -left: 0px; -top: 48px; - -/* Quick Selection/White */ -background: #FFFFFF; -box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); - - -/* .Section nav - Private - Section ID - -Product or section lockup -*/ - -position: absolute; -visibility: hidden; -height: 49px; -left: 0px; -right: 1px; -top: 0px; - - - -/* Footer */ - -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: flex-end; -align-items: flex-start; -padding: 0px; - -position: absolute; -visibility: hidden; -height: 147px; -left: 0px; -right: 1px; -bottom: 0px; -overflow-y: scroll; - - - -/* Navigation items, scroll */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 8px 0px; - -position: absolute; -height: 366px; -left: 0px; -right: 1px; -top: 0px; -overflow-y: scroll; - - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -align-self: stretch; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 89px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 89px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 73px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 11; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* .base/Nav item */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - -border-radius: 0px; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 48px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 48px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 32px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/down */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 33.33%; -bottom: 33.33%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 16px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 12; -align-self: stretch; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 223px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 223px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Group */ - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; - -width: 255px; -height: 156px; - - -/* Inside auto layout */ -flex: none; -order: 13; -flex-grow: 0; - - -/* .Section nav - Private - Header */ - -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Content */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -position: absolute; -width: 65px; -height: 32px; -left: 8px; -top: calc(50% - 32px/2); - - - -/* [layout frame] Icon */ - -display: none; -width: 48px; -height: 40px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 8px; -gap: 8px; - -width: 65px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Header */ - -width: 128px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/up */ - -position: absolute; -width: 18px; -height: 18px; -right: 15px; -top: calc(50% - 18px/2); - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 22.22%; -right: 22.22%; -top: 66.67%; -bottom: 0%; - -/* Buttons & Icons/disabled-button */ -background: rgba(0, 0, 0, 0.54); -transform: matrix(1, 0, 0, -1, 0, 0); - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 38px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -width: 255px; -height: 40px; - -background: #F1F5FE; -/* Quick Selection/Blue 700 */ -border-left: 4px solid #3367D6; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Icon Placeholder */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 2px; -gap: 10px; - -display: none; -width: 18px; -height: 18px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Text */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 8px; - -width: 207px; -height: 16px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 1; - - -/* Page Title */ - -width: 207px; -height: 16px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 15px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Quick Selection/Blue 700 */ -color: #3367D6; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* Badges - -The new badge is used to highlight entry points to a new feature or product. It’s anchored to navigational UI such as left navigation or tabs. -*/ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 4px; -gap: 16px; - -display: none; -width: 35px; -height: 20px; - -background: #3367D6; -border-radius: 2px; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 9; -flex-grow: 0; - - -/* .Section nav - Private - Page */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 11px 24px; -gap: 22px; - -display: none; -width: 255px; -height: 40px; - -/* Quick Selection/White */ -background: #FFFFFF; - -/* Inside auto layout */ -flex: none; -order: 10; -flex-grow: 0; - - -/* Header */ - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -top: 0px; - -background: #FFFFFF; - - -/* Background Fill */ - -box-sizing: border-box; - -position: absolute; -height: 48px; -left: 0px; -right: 0px; -top: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-bottom: 1px solid rgba(0, 0, 0, 0.12); - - -/* Logo + Menu */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Logo */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Group 5 */ - -position: absolute; -width: 114.25px; -height: 20px; -left: 20px; -top: 15px; - - - -/* Vector */ - -position: absolute; -width: 47.2px; -left: 87.05px; -top: 33.71%; -bottom: 36.41%; - -background: #5F6368; - - -/* 75x24px */ - -position: absolute; -left: 1.39%; -right: 94.31%; -top: 31.25%; -bottom: 27.08%; - - - -/* Vector */ - -position: absolute; -width: 15.05px; -left: 20px; -top: 31.25%; -bottom: 36.41%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 36.22px; -top: 42.43%; -bottom: 36.1%; - -background: #EA4335; - - -/* Vector */ - -position: absolute; -width: 9.81px; -left: 47.21px; -top: 42.43%; -bottom: 36.1%; - -background: #FBBC04; - - -/* Vector */ - -position: absolute; -width: 9.74px; -left: 57.99px; -top: 42.74%; -bottom: 27.08%; - -background: #4285F4; - - -/* Vector */ - -position: absolute; -width: 2.18px; -left: 69.37px; -top: 32.36%; -bottom: 37.05%; - -background: #34A853; - - -/* Vector */ - -position: absolute; -width: 9.12px; -left: 72.83px; -top: 42.82%; -bottom: 36.35%; - -background: #EA4335; - - -/* Hamburger Menu */ - -position: absolute; -visibility: hidden; -width: 17.89px; -height: 12px; -left: -21.75px; -top: 18px; - - - -/* Rectangle 8 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 18px; - -background: #575757; - - -/* Rectangle 9 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 23px; - -background: #575757; - - -/* Rectangle 10 */ - -position: absolute; -width: 17.89px; -height: 2px; -left: -21.75px; -top: 28px; - -background: #575757; - - -/* searchBar/standard */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: flex-end; -align-items: center; -padding: 0px 0px 0px 12px; -gap: 12px; - -position: absolute; -height: 36px; -left: 70.9%; -right: 9.65%; -top: 6px; - -/* Grey/100 - -#F1F3F4 -(or Grey 900 @ 6%) - -White surface text a11y -Level AA & AAA - ⛔️Fail -*/ -background: #F1F3F4; -/* Grey/600 - -#80868B -(or Grey 900 @ 55%) - -White surface text a11y -Level AA - ✅Pass (Large text only) -Level AAA - ⛔️Fail -*/ -border: 1px solid #80868B; -border-radius: 4px; - - -/* search-input-flow */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 12px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; - - -/* scopeswitcher */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: flex-start; -padding: 0px; -gap: 8px; - -display: none; -width: 58px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* input */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; - -width: 268px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 1; -align-self: stretch; -flex-grow: 1; - - -/* query */ - -display: none; -width: 20px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/Black */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* cursor */ - -display: none; -width: 1px; -height: 24px; - -/* Grey/Black */ -background: #000000; - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 24x24/search */ - -width: 24px; -height: 24px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.49px; -height: 17.49px; -left: 3px; -top: 3px; - -/* input outline */ -background: #80868B; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 14.63%; -top: 12.5%; -bottom: 14.63%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 20.83%; -right: 41.67%; -top: 20.83%; -bottom: 41.67%; - -background: #000000; - - -/* placeholder */ - -width: 244px; -height: 18px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 18px; -/* identical to box height */ -display: flex; -align-items: center; - -/* Grey/700 */ -color: #5F6368; - -opacity: 0.72; - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 1; - - -/* kubernetes (container engine)/favicons */ - -position: absolute; -width: 20px; -height: 20px; -left: 162px; -top: 14px; - - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - - - -/* Shape */ - -position: absolute; -left: 61.45%; -right: 13.84%; -top: 55.3%; -bottom: 26.6%; - -background: #3367D6; - - -/* Shape */ - -position: absolute; -left: 12.24%; -right: 60.07%; -top: 54.61%; -bottom: 26.69%; - -background: #5C85DE; - - -/* Rectangle-path */ - -position: absolute; -left: 47.77%; -right: 47.93%; -top: 6.44%; -bottom: 64.67%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -width: 17.5px; -height: 20px; -left: 1.25px; -top: 0px; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 6.25%; -right: 6.25%; -top: 0%; -bottom: 0%; - -background: #85A4E6; - - -/* Path */ - -position: absolute; -left: 15.62%; -right: 15.62%; -top: 11.12%; -bottom: 11.11%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 30.04%; -right: 30.2%; -top: 24.56%; -bottom: 52.48%; - -background: #85A4E6; - - -/* Shape */ - -position: absolute; -left: 28.31%; -right: 52.41%; -top: 40.03%; -bottom: 25.54%; - -background: #5C85DE; - - -/* Shape */ - -position: absolute; -left: 52.41%; -right: 28.31%; -top: 40.03%; -bottom: 25.54%; - -background: #3367D6; - - -/* Google Kubernetes Engine AI */ - -position: absolute; -width: 196px; -height: 20px; -left: 187px; -top: 14px; - -/* Body/body-large - -Body Large - 15 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 15px; -line-height: 20px; -/* identical to box height, or 133% */ -display: flex; -align-items: center; -letter-spacing: 0.1px; - -color: #5F6368; - - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px 12px; -gap: 4px; - -position: absolute; -width: 109px; -height: 32px; -left: 1321px; -top: 8px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - - -/* image 1 */ - -width: 16px; -height: 16px; - -background: url(image.png); - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Label */ - -width: 47px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 500; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: uppercase; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; - - -/* Footer */ - -box-sizing: border-box; - -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: center; -padding: 8px 486px; -gap: 10px; - -position: absolute; -width: 1440px; -height: 48px; -left: calc(50% - 1440px/2); -bottom: 0px; - -/* Quick Selection/White */ -background: #FFFFFF; -/* Dividers & Lines/divider */ -border-top: 1px solid rgba(0, 0, 0, 0.12); - - -/* Menu */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 10px; - -width: 468px; -height: 32px; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* About Google */ - -width: 79px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* Line 1 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Privacy */ - -width: 42px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; - - -/* Line 2 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 3; -flex-grow: 0; - - -/* Google Cloud terms */ - -width: 115px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 4; -flex-grow: 0; - - -/* Line 3 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 5; -flex-grow: 0; - - -/* Documentations */ - -width: 96px; -height: 20px; - -/* Body/body - -Body - 13 Regular -*/ -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 20px; -/* identical to box height, or 154% */ -display: flex; -align-items: center; -text-align: center; - -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 6; -flex-grow: 0; - - -/* Line 4 */ - -width: 20px; -height: 0px; - -/* Typography/primary-text */ -border: 1px solid #000000; -transform: rotate(90deg); - -/* Inside auto layout */ -flex: none; -order: 7; -flex-grow: 0; - - -/* Links */ - -/* Auto layout */ -display: flex; -flex-direction: row; -align-items: center; -padding: 0px; -gap: 4px; - -width: 56px; -height: 32px; - -/* Quick Selection/White */ -background: #FFFFFF; -border-radius: 4px; - -/* Inside auto layout */ -flex: none; -order: 8; -flex-grow: 0; - - -/* Label */ - -width: 38px; -height: 32px; - -font-family: 'Roboto'; -font-style: normal; -font-weight: 400; -font-size: 13px; -line-height: 32px; -/* identical to box height, or 246% */ -display: flex; -align-items: center; -text-align: center; -text-transform: capitalize; - -/* Typography/primary-text */ -color: #000000; - - -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; - - -/* 18x18/external-link */ - -width: 14px; -height: 14px; - - -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; - - -/* Container */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -left: 0%; -right: 0%; -top: 0%; -bottom: 0%; - - - -/* Shape */ - -position: absolute; -width: 10.5px; -height: 10.5px; -left: 1.75px; -top: 1.75px; - -/* Typography/primary-text */ -background: #000000; - - -/* Path */ - -position: absolute; -left: 12.5%; -right: 12.5%; -top: 12.5%; -bottom: 12.5%; - -background: #000000; - - -/* Path */ - -position: absolute; -left: 32.31%; -right: 12.5%; -top: 12.5%; -bottom: 32.31%; - -background: #000000; +*, *:before, *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +html, html a { + -webkit-font-smoothing: antialiased; + text-shadow: 1px 1px 1px rgba(0,0,0,0.004); +} + +body { + font-family: Raleway, Ubuntu, 'Helvetica Nueue', Helvetica, Arial, sans-serif; + font-size: 1.1em; + background: #e5e5e5; + color: #555; + padding: .5em; + word-wrap: break-word; +} + +.wrapper { + max-width: 790px; + margin: 0 auto; + background: white; + padding: 30px; + border-radius: 3px; + border: 1px solid #ccc; + box-shadow: 0 2px 2px rgba(0,0,0,.1); +} + +a { + color: #4183c4; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +h1 { + margin: 0; + margin-top: .1em; + font-size: 4em; + font-weight: 800; +} + +h1, +h1 + p { + text-align: center; +} + +img { + width: 100%; + height: auto; +} + +.spinner { + display: block; + margin: auto; + width: 66px; + height: 66px; +} + +p { + margin: 0; + margin-bottom: 1.6em; + line-height: 1.6em; +} + +li { + margin-bottom: .3em; +} + +/*pre, +code { + font-family: monospace; +}*/ + +pre { + border-radius: 3px; + background: #555; + padding: .2em .4em; + display: block; +} + +code { + color: #080; +} + +pre, +pre code { + color: white; +}