1(self.webpackChunk=self.webpackChunk||[]).push([[3963],{97416:function(n,e,a){"use strict";a.d(e,{L$:function(){return t},L4:function(){return c},aG:function(){return b},iW:function(){return p},kL:function(){return d},qB:function(){return l}});var r=a(88716),o=a.n(r),s=a(30404),i=a.n(s)()(o());i.push([n.id,".C5JkIHHDE0{--bs-btn-font-weight: 500}.TVLIBD6GL9{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}.MD1bN7YE3M .vsJiFaboSp .e5qLfH3Ywn{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.C5JkIHHDE0{--bs-btn-font-weight: 500}.TVLIBD6GL9{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}.MD1bN7YE3M .vsJiFaboSp .e5qLfH3Ywn{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.VgsMsDaja5{width:256px;height:8px}.cG49teJERS{transition:width .2s ease-in-out}.tfl8ig3Fza{max-height:100svh}@media(min-width: 768px){.tfl8ig3Fza{min-height:100vh}}.kjeRbTdpvg{margin-top:48px}@media(min-width: 768px){.kjeRbTdpvg{margin-top:12px;display:flex;justify-content:center;align-items:center;height:calc(100vh - 108px)}}.sVdJn0cCMu,.ZR2EktSdjR{display:none}@media(min-width: 768px){.sVdJn0cCMu,.ZR2EktSdjR{display:block;position:fixed;bottom:0;mix-blend-mode:multiply}}.sVdJn0cCMu{right:300px}.ZR2EktSdjR{right:0}","",{version:3,sources:["webpack://./../assets/stylesheets/vendors/bootstrap/bootstrap_config.css.scss","webpack://./components/onboarding/CenteredLayout.module.scss","webpack://./../../node_modules/.pnpm/[email protected]_@[email protected]/node_modules/bootstrap/scss/mixins/_breakpoints.scss"],names:[],mappings:"AAmUA,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CAvBF,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CC1V4G,YAC5G,WAAA,CACA,UAAA,CAGF,YACE,gCAAA,CAGF,YACE,iBAAA,CCqDE,yBDtDJ,YAGI,gBAAA,CAAA,CAIJ,YACE,eAAA,CC8CE,yBD/CJ,YAII,eAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,0BAAA,CAAA,CAIJ,wBAEE,YAAA,CCiCE,yBDnCJ,wBAKI,aAAA,CACA,cAAA,CACA,QAAA,CACA,uBAAA,CAAA,CAIJ,YACE,WAAA,CAGF,YACE,OAAA",sourcesContent:["@use 'sass:color';\n@use 'sass:map';\n@import '~bootstrap/scss/functions';\n\n// Colors\n\n$white: #ffffff;\n\n$gray-100: #f6f7f9;\n$gray-200: #f0f2f5;\n$gray-300: #e3e5e8;\n$gray-400: #d4d8dd;\n$gray-500: #c2c5cb;\n$gray-600: #a5a9b1;\n$gray-700: #8c8e97;\n$gray-800: #555862;\n$gray-900: #2e3138;\n$black: #17181c;\n$carbon: $black;\n\n$blue: #046ae7;\n$purple: #9335e6;\n$pink: #da1a55;\n$red: #ff4c58;\n$orange: #ff7614;\n$yellow: #ffbf1f;\n$green: #09ba73;\n\n$info-bg-subtle: #f0f8ff;\n$warning-border-subtle: #feeab8;\n\n$info-border-subtle: #d7edff;\n$warning-bg-subtle: #fff8e5;\n\n$colors: (\n 'blue': $blue,\n 'purple': $purple,\n 'pink': $pink,\n 'red': $red,\n 'orange': $orange,\n 'yellow': $yellow,\n 'green': $green,\n 'white': $white,\n 'carbon': $carbon,\n);\n\n$blue-a25: rgba(2, 116, 225, 0.25);\n$blue-100: #f0f8ff;\n$blue-300: #d7edff;\n$blue-500: $blue;\n$blue-400: color.mix($blue-300, $blue-500, 50%);\n$blue-700: #003194;\n$blue-600: color.mix($blue-500, $blue-700, 50%);\n$blue-900: #00185c;\n$blue-800: color.mix($blue-700, $blue-900, 50%);\n\n$purple-a25: rgba(147, 53, 230, 0.25);\n$purple-100: #f8f1fd;\n$purple-300: #e3c8f9;\n$purple-500: $purple;\n$purple-700: #6107a2;\n$purple-900: #340057;\n\n$pink-a25: rgba(218, 26, 85, 0.25);\n$pink-100: #fdf1f6;\n$pink-300: #fac6dd;\n$pink-500: $pink;\n$pink-700: #a2063d;\n$pink-900: #6b0134;\n\n$red-a25: rgba(255, 76, 88, 0.25);\n$red-100: #fff0f1;\n$red-300: #ffdbde;\n$red-500: $red;\n$red-700: #c91d28;\n$red-900: #720910;\n\n$orange-a25: rgba(255, 118, 20, 0.25);\n$orange-100: #fff3eb;\n$orange-300: #ffd8bd;\n$orange-500: $orange;\n$orange-700: #c25700;\n$orange-900: #662500;\n\n$yellow-a25: rgba(255, 191, 31, 0.25);\n$yellow-100: #fff8e6;\n$yellow-300: #feeab8;\n$yellow-500: $yellow;\n$yellow-700: #9d6102;\n$yellow-900: #4d3400;\n\n$green-a25: rgba(0, 199, 141, 0.25);\n$green-100: #edfdf4;\n$green-300: #d4f7df;\n$green-500: $green;\n$green-700: #098661;\n$green-900: #003d32;\n\n$primary: $green-700;\n$primary-dark: $green-900;\n$secondary: $carbon;\n$success: $green-700;\n$info: $blue;\n$warning: $yellow;\n$danger: $red;\n$light: $white;\n$dark: $carbon;\n\n// Colors https://getbootstrap.com/docs/4.0/getting-started/theming/#color\n// Leaving these as variables to not refactor all the styles to remove them\n\n$custom-colors: (\n 'warning': $warning,\n 'primary': $primary,\n 'primary-dark': $primary-dark,\n 'white': $white,\n // BLUE\n 'blue-a25': $blue-a25,\n 'blue-100': $blue-100,\n 'blue-300': $blue-300,\n 'blue-400': $blue-400,\n 'blue-500': $blue-500,\n 'blue-600': $blue-600,\n 'blue-700': $blue-700,\n 'blue-800': $blue-800,\n 'blue-900': $blue-900,\n // GRAY\n 'gray-100': $gray-100,\n 'gray-200': $gray-200,\n 'gray-300': $gray-300,\n 'gray-400': $gray-400,\n 'gray-500': $gray-500,\n 'gray-600': $gray-600,\n 'gray-700': $gray-700,\n 'gray-800': $gray-800,\n 'gray-900': $gray-900,\n 'dark': $black,\n // GREEN\n 'green-100': $green-100,\n 'green-300': $green-300,\n 'green-500': $green-500,\n 'green-700': $green-700,\n 'green-900': $green-900,\n // ORANGE\n 'orange-100': $orange-100,\n 'orange-300': $orange-300,\n 'orange-500': $orange,\n 'orange-700': $orange-700,\n 'orange-900': $orange-900,\n // PINK\n 'pink-100': $pink-100,\n 'pink-300': $pink-300,\n 'pink-500': $pink-500,\n 'pink-700': $pink-700,\n 'pink-900': $pink-900,\n // YELLOW\n 'yellow-a25': $yellow-a25,\n 'yellow-100': $yellow-100,\n 'yellow-300': $yellow-300,\n 'yellow-500': $yellow-500,\n 'yellow-700': $yellow-700,\n 'yellow-900': $yellow-900,\n // PURPLE\n 'purple-100': $purple-100,\n 'purple-300': $purple-300,\n 'purple-500': $purple-500,\n 'purple-700': $purple-700,\n 'purple-900': $purple-900,\n // RED - errors only\n 'red-100': $red-100,\n 'red-300': $red-300,\n 'red-500': $red-500,\n 'red-700': $red-700,\n 'red-900': $red-900,\n);\n\n$body-color: $carbon;\n$line-height-base: 1.43;\n$text-muted: #777;
1 // legacy value\n\n$grid-breakpoints: (\n // If updating, update also in styleConstants.ts\n xs: 0,\n sm: 425px,\n md: 768px,\n lg: 992px,\n xl: 1152px,\n xxl: 1400px\n);\n\n$border-color: var(--bs-gray-400);\n$border-hover: var(--border-hover);\n$border-focus-active: var(--bs-gray-700);\n\n$small-font-size: 0.75rem; // approximately 12px\n$font-size-base: 0.875rem; // approximately 14px\n$h5-font-size: 1rem; // approximately 16px\n\n// custom breakpoints\n$screen-mail-md: 640px;\n\n$screen-method-one: 700px;\n$screen-method-two: 720px;\n\n$container-max-widths: (\n sm: 540px,\n md: 750px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px,\n);\n\n$grid-gutter-width: 30px;\n\n// bootstrap 5 upgrade\n\n$enable-caret: false;\n$enable-negative-margins: true;\n\n$link-hover-color: $green-700;\n// Pagination\n$pagination-active-color: var(--bs-white);\n$pagination-active-bg: var(--bs-primary);\n$pagination-active-border-color: var(--bs-primary);\n$pagination-color: var(--bs-primary);\n\n// hr\n$hr-opacity: 1;\n$hr-color: #eee; // keep as was before migration\n\n// Nav items\n$nav-link-color: var(--bs-primary);\n$nav-link-hover-color: $green-700;\n$nav-pills-link-active-bg: #d3d3d3; // color on info panel but not present on current grays\n$nav-pills-link-active-color: $green-700;\n$nav-pills-border-radius: 0 4px 4px 0;\n\n// Nav bar\n$navbar-light-toggler-border-color: none;\n$navbar-toggler-focus-width: 0;\n\n// // Modals\n$modal-xl: 1240px;\n$modal-lg: 900px;\n$modal-md: 640px;\n$modal-sm: 500px;\n$modal-xs: 350px;\n\n// Buttons\n$btn-link-color: var(--bs-primary);\n$btn-link-hover-color: $green-900;\n$btn-white-space: nowrap;\n$btn-focus-box-shadow: none;\n$btn-border-radius: 0.5rem;\n\n// Button - small\n$btn-border-radius-sm: $btn-border-radius;\n$btn-font-size-sm: 0.875rem;\n$btn-padding-y-sm: 0.155rem; // make it 28px height with 14px font size\n\n// Button - medium\n$btn-font-size: 0.875rem;\n\n// Buttom - large\n$btn-border-radius-lg: $btn-border-radius;\n$btn-font-size-lg: 1rem;\n\n// Forms\n$form-label-font-weight: bold;\n$form-label-font-weight: 500;\n$form-label-font-size: 0.875rem;\n$form-label-color: $black;\n$form-text-color: $gray-800;\n$form-check-input-border: 1px solid rgba($gray-400, 1);\n$form-label-margin-bottom: var(--space-label-input);\n$input-focus-box-shadow: var(--sl-input-focus-box-shadow);\n$form-select-focus-box-shadow: $input-focus-box-shadow;\n$input-focus-border-color: $gray-700;\n$input-placeholder-color: $gray-700;\n$input-btn-focus-color: color.adjust($input-focus-border-color, $alpha: -0.25);\n$input-bg: var(--bs-input-bg-color);\n$input-border-color: var(--bs-gray-400);\n$input-border-radius: 0.5rem;\n\n// Forms - small\n$input-font-size-sm: 0.875rem;\n$input-border-radius-sm: $input-border-radius;\n$input-padding-y-sm: 0.155rem; // 28px of height with font-size 14px;\n\n// Forms - medium\n$input-font-size: 0.875rem;\n\n// Forms - large\n$input-font-size-lg: 1rem;\n$input-border-radius-lg: $input-border-radius;\n\n// table\n$table-group-separator-color: #dddddd; // keep as it was\n\n// alert\n$alert-border-radius: 8px;\n$alert-border-width: 1px;\n\n// z-index\n$zindex-dropdown: 1060;\n\n// Shadows\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow:\n 0 12px 17px 0 var(--shadow-a15),\n 0 5px 22px 0 var(--shadow-a10),\n 0 7px 8px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-sm:\n 0 1px 1px 0 var(--shadow-a15),\n 0 2px 1px 0 var(--shadow-a10),\n 0 1px 3px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-lg:\n 0 24px 38px 0 var(--shadow-a25),\n 0 9px 46px 0 var(--shadow-a10),\n 0 11px 15px 0 var(--shadow-a15);\n\n.btn {\n --bs-btn-font-weight: 500;\n}\n\n.dropdown-menu {\n --bs-dropdown-min-width: 200px;\n --bs-dropdown-color: var(--bs-gray-800);\n --bs-dropdown-border-color: var(--bs-gray-400);\n --bs-dropdown-link-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-bg: var(--bg-light-hover);\n --bs-dropdown-link-active-color: var(--bs-gray-800);\n --bs-dropdown-link-active-bg: var(--bg-light-hover);\n --bs-dropdown-link-disabled-color: #a3a4a9;
1\n --bs-dropdown-box-shadow: #{$box-shadow};\n --bs-dropdown-divider-bg: var(--bs-border-color);\n // Setting --bs-dropdown-box-shadow should be enough but it's not.\n // Must be a bug in Bootstrap so the following line can be removed once it's fixed.\n box-shadow: $box-shadow;\n}\n\n.library .navbar .navbar-nav {\n --bs-navbar-nav-link-padding-x: 1rem;\n --bs-nav-link-padding-y: 0.25rem;\n}\n\n// Spacers\n$custom-spacers: (\n // We're not removing bootstrap's helpers, this means that the library wordpress header should work out of the box as we didn't override them there\n // We should think carefully about adding values here. If needed in only a few places, add it on spacings.scss instead\n // Our spacers\n s1: var(--space-1),\n s2: var(--space-2),\n s4: var(--space-4),\n s8: var(--space-8),\n s12: var(--space-12),\n s16: var(--space-16),\n s24: var(--space-24),\n s32: var(--space-32),\n s40: var(--space-40),\n s48: var(--space-48),\n s64: var(--space-64),\n // s72: var(--space-72), // Not added because usage is not enogh, single class added on spacings file\n // s80: var(--space-80), // Not added because usage is not enough. single class added on spacings file\n);\n\n$custom-negative-spacers: (\n ns1: calc(-1 * var(--space-1)),\n ns2: calc(-1 * var(--space-2)),\n ns4: calc(-1 * var(--space-4)),\n ns8: calc(-1 * var(--space-8)),\n ns12: calc(-1 * var(--space-12)),\n ns16: calc(-1 * var(--space-16)),\n ns24: calc(-1 * var(--space-24)),\n);\n\n// Tooltip\n$tooltip-opacity: 1;\n\n// Offcanvas\n$offcanvas-padding-y: 32px;\n$offcanvas-padding-x: 20px;\n$offcanvas-horizontal-width: 320px;\n\n// Accordion\n$accordion-button-active-bg: $white;\n$accordion-button-active-color: $carbon;\n$accordion-border-color: $gray-400;\n$accordion-padding-y: 8px;\n$accordion-padding-x: 0;\n$accordion-body-padding-y: 12px;\n$accordion-button-focus-box-shadow: none !important;\n$accordion-icon-width: 14px;\n\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/variables-dark';\n$spacers: map.merge($spacers, $custom-spacers);\n$negative-spacers: $custom-negative-spacers;\n$theme-colors: map.merge($theme-colors, $custom-colors);\n\n// Override Bootstrap variables that depend on another variable\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$header-font-family:\n 'Fira Sans',\n #{$font-family-sans-serif};\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$font-family-base:\n 'Inter',\n #{$font-family-sans-serif};\n@import '~bootstrap/scss/maps';\n","@use 'stylesheets/vendors/bootstrap/bootstrap_baseline.scss' as *; @use 'stylesheets/variables.css.scss' as *;.progressContainer {\n width: 256px;\n height: 8px;\n}\n\n.progress {\n transition: width 0.2s ease-in-out;\n}\n\n.container {\n max-height: 100svh;\n @include media-breakpoint-up(md) {\n min-height: 100vh;\n }\n}\n\n.main {\n margin-top: 48px;\n\n @include media-breakpoint-up(md) {\n margin-top: 12px;\n display: flex;\n justify-content: center;
1\n align-items: center;\n height: calc(100vh - 108px);\n }\n}\n\n.onboardingCircleBlue,\n.onboardingCircleGreen {\n display: none;\n\n @include media-breakpoint-up(md) {\n display: block;\n position: fixed;\n bottom: 0;\n mix-blend-mode: multiply;\n }\n}\n\n.onboardingCircleBlue {\n right: 300px;\n}\n\n.onboardingCircleGreen {\n right: 0;\n}\n",'// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error "breakpoint `#{$name}` not found in `#{$breakpoints}`";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// "" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// "-sm"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint\'s minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n'],sourceRoot:""}]);var t="VgsMsDaja5",l="cG49teJERS",d="tfl8ig3Fza",p="kjeRbTdpvg",b="sVdJn0cCMu",c="ZR2EktSdjR";e.Ay=i},70024:function(n,e,a){"use strict";a.d(e,{kL:function(){return t}});var r=a(88716),o=a.n(r),s=a(30404),i=a.n(s)()(o());i.push([n.id,".GxsXFUC7JU{--bs-btn-font-weight: 500}.atscs8pM6O{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;
1--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}._OMxnCcej7 .lqrOADp6BE .jvEtGA8tRu{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.GxsXFUC7JU{--bs-btn-font-weight: 500}.atscs8pM6O{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}._OMxnCcej7 .lqrOADp6BE .jvEtGA8tRu{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.mk0Q3VwQBA{max-width:504px;width:504px}","",{version:3,sources:["webpack://./../assets/stylesheets/vendors/bootstrap/bootstrap_config.css.scss","webpack://./components/onboarding/CollaborationRequest.module.scss"],names:[],mappings:"AAmUA,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CAvBF,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CC1V4G,YAC5G,eAAA,CACA,WAAA",sourcesContent:["@use 'sass:color';\n@use 'sass:map';\n@import '~bootstrap/scss/functions';\n\n// Colors\n\n$white: #ffffff;\n\n$gray-100: #f6f7f9;\n$gray-200: #f0f2f5;\n$gray-300: #e3e5e8;\n$gray-400: #d4d8dd;\n$gray-500: #c2c5cb;\n$gray-600: #a5a9b1;\n$gray-700: #8c8e97;\n$gray-800: #555862;\n$gray-900: #2e3138;\n$black: #17181c;\n$carbon: $black;\n\n$blue: #046ae7;\n$purple: #9335e6;\n$pink: #da1a55;\n$red: #ff4c58;\n$orange: #ff7614;\n$yellow: #ffbf1f;\n$green: #09ba73;\n\n$info-bg-subtle: #f0f8ff;\n$warning-border-subtle: #feeab8;\n\n$info-border-subtle: #d7edff;\n$warning-bg-subtle: #fff8e5;\n\n$colors: (\n 'blue': $blue,\n 'purple': $purple,\n 'pink': $pink,\n 'red': $red,\n 'orange': $orange,\n 'yellow': $yellow,\n 'green': $green,\n 'white': $white,\n 'carbon': $carbon,\n);\n\n$blue-a25: rgba(2, 116, 225, 0.25);\n$blue-100: #f0f8ff;\n$blue-300: #d7edff;\n$blue-500: $blue;\n$blue-400: color.mix($blue-300, $blue-500, 50%);\n$blue-700: #003194;\n$blue-600: color.mix($blue-500, $blue-700, 50%);\n$blue-900: #00185c;\n$blue-800: color.mix($blue-700, $blue-900, 50%);\n\n$purple-a25: rgba(147, 53, 230, 0.25);\n$purple-100: #f8f1fd;\n$purple-300: #e3c8f9;\n$purple-500: $purple;\n$purple-700: #6107a2;\n$purple-900: #340057;\n\n$pink-a25: rgba(218, 26, 85, 0.25);\n$pink-100: #fdf1f6;\n$pink-300: #fac6dd;\n$pink-500: $pink;\n$pink-700: #a2063d;\n$pink-900: #6b0134;\n\n$red-a25: rgba(255, 76, 88, 0.25);\n$red-100: #fff0f1;\n$red-300: #ffdbde;\n$red-500: $red;\n$red-700: #c91d28;\n$red-900: #720910;\n\n$orange-a25: rgba(255, 118, 20, 0.25);\n$orange-100: #fff3eb;\n$orange-300: #ffd8bd;\n$orange-500: $orange;\n$orange-700: #c25700;\n$orange-900: #662500;\n\n$yellow-a25: rgba(255, 191, 31, 0.25);\n$yellow-100: #fff8e6;\n$yellow-300: #feeab8;\n$yellow-500: $yellow;\n$yellow-700: #9d6102;\n$yellow-900: #4d3400;\n\n$green-a25: rgba(0, 199, 141, 0.25);\n$green-100: #edfdf4;\n$green-300: #d4f7df;\n$green-500: $green;\n$green-700: #098661;\n$green-900: #003d32;\n\n$primary: $green-700;\n$primary-dark: $green-900;\n$secondary: $carbon;\n$success: $green-700;\n$info: $blue;\n$warning: $yellow;\n$danger: $red;\n$light: $white;\n$dark: $carbon;\n\n// Colors https://getbootstrap.com/docs/4.0/getting-started/theming/#color\n// Leaving these as variables to not refactor all the styles to remove them\n\n$custom-colors: (\n 'warning': $warning,\n 'primary': $primary,\n 'primary-dark': $primary-dark,\n 'white': $white,\n // BLUE\n 'blue-a25': $blue-a25,\n 'blue-100': $blue-100,\n 'blue-300': $blue-300,\n 'blue-400': $blue-400,\n 'blue-500': $blue-500,\n 'blue-600': $blue-600,\n 'blue-700': $blue-700,\n 'blue-800': $blue-800,\n 'blue-900': $blue-900,\n // GRAY\n 'gray-100': $gray-100,\n 'gray-200': $gray-200,\n 'gray-300': $gray-300,\n 'gray-400': $gray-400,\n 'gray-500': $gray-500,\n 'gray-600': $gray-600,\n 'gray-700': $gray-700,\n 'gray-800': $gray-800,\n 'gray-900': $gray-900,\n 'dark': $black,\n // GREEN\n 'green-100': $green-100,\n 'green-300': $green-300,\n 'green-500': $green-500,\n 'green-700': $green-700,\n 'green-900': $green-900,\n // ORANGE\n 'orange-100': $orange-100,\n 'orange-300': $orange-300,\n 'orange-500': $orange,\n 'orange-700': $orange-700,\n 'orange-900': $orange-900,\n // PINK\n 'pink-100': $pink-100,\n 'pink-300': $pink-300,\n 'pink-500': $pink-500,\n 'pink-700': $pink-700,\n 'pink-900': $pink-900,\n // YELLOW\n 'yellow-a25': $yellow-a25,\n 'yellow-100': $yellow-100,\n 'yellow-300': $yellow-300,\n 'yellow-500': $yellow-500,\n 'yellow-700': $yellow-700,\n 'yellow-900': $yellow-900,\n // PURPLE\n 'purple-100': $purple-100,\n 'purple-300': $purple-300,\n 'purple-500': $purple-500,\n 'purple-700': $purple-700,\n 'purple-900': $purple-900,\n // RED - errors only\n 'red-100': $red-100,\n 'red-300': $red-300,\n 'red-500': $red-500,\n 'red-700': $red-700,\n 'red-900': $red-900,\n);\n\n$body-color: $carbon;\n$line-height-base: 1.43;\n$text-muted: #777;
1 // legacy value\n\n$grid-breakpoints: (\n // If updating, update also in styleConstants.ts\n xs: 0,\n sm: 425px,\n md: 768px,\n lg: 992px,\n xl: 1152px,\n xxl: 1400px\n);\n\n$border-color: var(--bs-gray-400);\n$border-hover: var(--border-hover);\n$border-focus-active: var(--bs-gray-700);\n\n$small-font-size: 0.75rem; // approximately 12px\n$font-size-base: 0.875rem; // approximately 14px\n$h5-font-size: 1rem; // approximately 16px\n\n// custom breakpoints\n$screen-mail-md: 640px;\n\n$screen-method-one: 700px;\n$screen-method-two: 720px;\n\n$container-max-widths: (\n sm: 540px,\n md: 750px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px,\n);\n\n$grid-gutter-width: 30px;\n\n// bootstrap 5 upgrade\n\n$enable-caret: false;\n$enable-negative-margins: true;\n\n$link-hover-color: $green-700;\n// Pagination\n$pagination-active-color: var(--bs-white);\n$pagination-active-bg: var(--bs-primary);\n$pagination-active-border-color: var(--bs-primary);\n$pagination-color: var(--bs-primary);\n\n// hr\n$hr-opacity: 1;\n$hr-color: #eee; // keep as was before migration\n\n// Nav items\n$nav-link-color: var(--bs-primary);\n$nav-link-hover-color: $green-700;\n$nav-pills-link-active-bg: #d3d3d3; // color on info panel but not present on current grays\n$nav-pills-link-active-color: $green-700;\n$nav-pills-border-radius: 0 4px 4px 0;\n\n// Nav bar\n$navbar-light-toggler-border-color: none;\n$navbar-toggler-focus-width: 0;\n\n// // Modals\n$modal-xl: 1240px;\n$modal-lg: 900px;\n$modal-md: 640px;\n$modal-sm: 500px;\n$modal-xs: 350px;\n\n// Buttons\n$btn-link-color: var(--bs-primary);\n$btn-link-hover-color: $green-900;\n$btn-white-space: nowrap;\n$btn-focus-box-shadow: none;\n$btn-border-radius: 0.5rem;\n\n// Button - small\n$btn-border-radius-sm: $btn-border-radius;\n$btn-font-size-sm: 0.875rem;\n$btn-padding-y-sm: 0.155rem; // make it 28px height with 14px font size\n\n// Button - medium\n$btn-font-size: 0.875rem;\n\n// Buttom - large\n$btn-border-radius-lg: $btn-border-radius;\n$btn-font-size-lg: 1rem;\n\n// Forms\n$form-label-font-weight: bold;\n$form-label-font-weight: 500;\n$form-label-font-size: 0.875rem;\n$form-label-color: $black;\n$form-text-color: $gray-800;\n$form-check-input-border: 1px solid rgba($gray-400, 1);\n$form-label-margin-bottom: var(--space-label-input);\n$input-focus-box-shadow: var(--sl-input-focus-box-shadow);\n$form-select-focus-box-shadow: $input-focus-box-shadow;\n$input-focus-border-color: $gray-700;\n$input-placeholder-color: $gray-700;\n$input-btn-focus-color: color.adjust($input-focus-border-color, $alpha: -0.25);\n$input-bg: var(--bs-input-bg-color);\n$input-border-color: var(--bs-gray-400);\n$input-border-radius: 0.5rem;\n\n// Forms - small\n$input-font-size-sm: 0.875rem;\n$input-border-radius-sm: $input-border-radius;\n$input-padding-y-sm: 0.155rem; // 28px of height with font-size 14px;\n\n// Forms - medium\n$input-font-size: 0.875rem;\n\n// Forms - large\n$input-font-size-lg: 1rem;\n$input-border-radius-lg: $input-border-radius;\n\n// table\n$table-group-separator-color: #dddddd; // keep as it was\n\n// alert\n$alert-border-radius: 8px;\n$alert-border-width: 1px;\n\n// z-index\n$zindex-dropdown: 1060;\n\n// Shadows\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow:\n 0 12px 17px 0 var(--shadow-a15),\n 0 5px 22px 0 var(--shadow-a10),\n 0 7px 8px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-sm:\n 0 1px 1px 0 var(--shadow-a15),\n 0 2px 1px 0 var(--shadow-a10),\n 0 1px 3px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-lg:\n 0 24px 38px 0 var(--shadow-a25),\n 0 9px 46px 0 var(--shadow-a10),\n 0 11px 15px 0 var(--shadow-a15);\n\n.btn {\n --bs-btn-font-weight: 500;\n}\n\n.dropdown-menu {\n --bs-dropdown-min-width: 200px;\n --bs-dropdown-color: var(--bs-gray-800);\n --bs-dropdown-border-color: var(--bs-gray-400);\n --bs-dropdown-link-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-bg: var(--bg-light-hover);\n --bs-dropdown-link-active-color: var(--bs-gray-800);\n --bs-dropdown-link-active-bg: var(--bg-light-hover);\n --bs-dropdown-link-disabled-color: #a3a4a9;
1\n --bs-dropdown-box-shadow: #{$box-shadow};\n --bs-dropdown-divider-bg: var(--bs-border-color);\n // Setting --bs-dropdown-box-shadow should be enough but it's not.\n // Must be a bug in Bootstrap so the following line can be removed once it's fixed.\n box-shadow: $box-shadow;\n}\n\n.library .navbar .navbar-nav {\n --bs-navbar-nav-link-padding-x: 1rem;\n --bs-nav-link-padding-y: 0.25rem;\n}\n\n// Spacers\n$custom-spacers: (\n // We're not removing bootstrap's helpers, this means that the library wordpress header should work out of the box as we didn't override them there\n // We should think carefully about adding values here. If needed in only a few places, add it on spacings.scss instead\n // Our spacers\n s1: var(--space-1),\n s2: var(--space-2),\n s4: var(--space-4),\n s8: var(--space-8),\n s12: var(--space-12),\n s16: var(--space-16),\n s24: var(--space-24),\n s32: var(--space-32),\n s40: var(--space-40),\n s48: var(--space-48),\n s64: var(--space-64),\n // s72: var(--space-72), // Not added because usage is not enogh, single class added on spacings file\n // s80: var(--space-80), // Not added because usage is not enough. single class added on spacings file\n);\n\n$custom-negative-spacers: (\n ns1: calc(-1 * var(--space-1)),\n ns2: calc(-1 * var(--space-2)),\n ns4: calc(-1 * var(--space-4)),\n ns8: calc(-1 * var(--space-8)),\n ns12: calc(-1 * var(--space-12)),\n ns16: calc(-1 * var(--space-16)),\n ns24: calc(-1 * var(--space-24)),\n);\n\n// Tooltip\n$tooltip-opacity: 1;\n\n// Offcanvas\n$offcanvas-padding-y: 32px;\n$offcanvas-padding-x: 20px;\n$offcanvas-horizontal-width: 320px;\n\n// Accordion\n$accordion-button-active-bg: $white;\n$accordion-button-active-color: $carbon;\n$accordion-border-color: $gray-400;\n$accordion-padding-y: 8px;\n$accordion-padding-x: 0;\n$accordion-body-padding-y: 12px;\n$accordion-button-focus-box-shadow: none !important;\n$accordion-icon-width: 14px;\n\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/variables-dark';\n$spacers: map.merge($spacers, $custom-spacers);\n$negative-spacers: $custom-negative-spacers;\n$theme-colors: map.merge($theme-colors, $custom-colors);\n\n// Override Bootstrap variables that depend on another variable\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$header-font-family:\n 'Fira Sans',\n #{$font-family-sans-serif};\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$font-family-base:\n 'Inter',\n #{$font-family-sans-serif};\n@import '~bootstrap/scss/maps';\n","@use 'stylesheets/vendors/bootstrap/bootstrap_baseline.scss' as *; @use 'stylesheets/variables.css.scss' as *;.container {\n max-width: 504px;\n width: 504px;\n}\n"],sourceRoot:""}]);var t="mk0Q3VwQBA";e.Ay=i},48944:function(n,e,a){"use strict";a.d(e,{Ds:function(){return l},kL:function(){return t}});var r=a(88716),o=a.n(r),s=a(30404),i=a.n(s)()(o());i.push([n.id,".bcuorhmGYe{--bs-btn-font-weight: 500}.B3qF45hO8Y{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}.KajwAGZTiP .q2T3FRYyxs ._jqsv1ib1I{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.bcuorhmGYe{--bs-btn-font-weight: 500}.B3qF45hO8Y{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;
1--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}.KajwAGZTiP .q2T3FRYyxs ._jqsv1ib1I{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.x4QwX0yyQW{max-height:231px;overflow-y:auto}.qsz_vm2IrA:not(:first-child){margin-top:12px}","",{version:3,sources:["webpack://./../assets/stylesheets/vendors/bootstrap/bootstrap_config.css.scss","webpack://./components/onboarding/CollaborationRequestList.module.scss"],names:[],mappings:"AAmUA,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CAvBF,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CC1V4G,YAC5G,gBAAA,CACA,eAAA,CAIA,8BACE,eAAA",sourcesContent:["@use 'sass:color';\n@use 'sass:map';\n@import '~bootstrap/scss/functions';\n\n// Colors\n\n$white: #ffffff;\n\n$gray-100: #f6f7f9;\n$gray-200: #f0f2f5;\n$gray-300: #e3e5e8;\n$gray-400: #d4d8dd;\n$gray-500: #c2c5cb;\n$gray-600: #a5a9b1;\n$gray-700: #8c8e97;\n$gray-800: #555862;\n$gray-900: #2e3138;\n$black: #17181c;\n$carbon: $black;\n\n$blue: #046ae7;\n$purple: #9335e6;\n$pink: #da1a55;\n$red: #ff4c58;\n$orange: #ff7614;\n$yellow: #ffbf1f;\n$green: #09ba73;\n\n$info-bg-subtle: #f0f8ff;\n$warning-border-subtle: #feeab8;\n\n$info-border-subtle: #d7edff;\n$warning-bg-subtle: #fff8e5;\n\n$colors: (\n 'blue': $blue,\n 'purple': $purple,\n 'pink': $pink,\n 'red': $red,\n 'orange': $orange,\n 'yellow': $yellow,\n 'green': $green,\n 'white': $white,\n 'carbon': $carbon,\n);\n\n$blue-a25: rgba(2, 116, 225, 0.25);\n$blue-100: #f0f8ff;\n$blue-300: #d7edff;\n$blue-500: $blue;\n$blue-400: color.mix($blue-300, $blue-500, 50%);\n$blue-700: #003194;\n$blue-600: color.mix($blue-500, $blue-700, 50%);\n$blue-900: #00185c;\n$blue-800: color.mix($blue-700, $blue-900, 50%);\n\n$purple-a25: rgba(147, 53, 230, 0.25);\n$purple-100: #f8f1fd;\n$purple-300: #e3c8f9;\n$purple-500: $purple;\n$purple-700: #6107a2;\n$purple-900: #340057;\n\n$pink-a25: rgba(218, 26, 85, 0.25);\n$pink-100: #fdf1f6;\n$pink-300: #fac6dd;\n$pink-500: $pink;\n$pink-700: #a2063d;\n$pink-900: #6b0134;\n\n$red-a25: rgba(255, 76, 88, 0.25);\n$red-100: #fff0f1;\n$red-300: #ffdbde;\n$red-500: $red;\n$red-700: #c91d28;\n$red-900: #720910;\n\n$orange-a25: rgba(255, 118, 20, 0.25);\n$orange-100: #fff3eb;\n$orange-300: #ffd8bd;\n$orange-500: $orange;\n$orange-700: #c25700;\n$orange-900: #662500;\n\n$yellow-a25: rgba(255, 191, 31, 0.25);\n$yellow-100: #fff8e6;\n$yellow-300: #feeab8;\n$yellow-500: $yellow;\n$yellow-700: #9d6102;\n$yellow-900: #4d3400;\n\n$green-a25: rgba(0, 199, 141, 0.25);\n$green-100: #edfdf4;\n$green-300: #d4f7df;\n$green-500: $green;\n$green-700: #098661;\n$green-900: #003d32;\n\n$primary: $green-700;\n$primary-dark: $green-900;\n$secondary: $carbon;\n$success: $green-700;\n$info: $blue;\n$warning: $yellow;\n$danger: $red;\n$light: $white;\n$dark: $carbon;\n\n// Colors https://getbootstrap.com/docs/4.0/getting-started/theming/#color\n// Leaving these as variables to not refactor all the styles to remove them\n\n$custom-colors: (\n 'warning': $warning,\n 'primary': $primary,\n 'primary-dark': $primary-dark,\n 'white': $white,\n // BLUE\n 'blue-a25': $blue-a25,\n 'blue-100': $blue-100,\n 'blue-300': $blue-300,\n 'blue-400': $blue-400,\n 'blue-500': $blue-500,\n 'blue-600': $blue-600,\n 'blue-700': $blue-700,\n 'blue-800': $blue-800,\n 'blue-900': $blue-900,\n // GRAY\n 'gray-100': $gray-100,\n 'gray-200': $gray-200,\n 'gray-300': $gray-300,\n 'gray-400': $gray-400,\n 'gray-500': $gray-500,\n 'gray-600': $gray-600,\n 'gray-700': $gray-700,\n 'gray-800': $gray-800,\n 'gray-900': $gray-900,\n 'dark': $black,\n // GREEN\n 'green-100': $green-100,\n 'green-300': $green-300,\n 'green-500': $green-500,\n 'green-700': $green-700,\n 'green-900': $green-900,\n // ORANGE\n 'orange-100': $orange-100,\n 'orange-300': $orange-300,\n 'orange-500': $orange,\n 'orange-700': $orange-700,\n 'orange-900': $orange-900,\n // PINK\n 'pink-100': $pink-100,\n 'pink-300': $pink-300,\n 'pink-500': $pink-500,\n 'pink-700': $pink-700,\n 'pink-900': $pink-900,\n // YELLOW\n 'yellow-a25': $yellow-a25,\n 'yellow-100': $yellow-100,\n 'yellow-300': $yellow-300,\n 'yellow-500': $yellow-500,\n 'yellow-700': $yellow-700,\n 'yellow-900': $yellow-900,\n // PURPLE\n 'purple-100': $purple-100,\n 'purple-300': $purple-300,\n 'purple-500': $purple-500,\n 'purple-700': $purple-700,\n 'purple-900': $purple-900,\n // RED - errors only\n 'red-100': $red-100,\n 'red-300': $red-300,\n 'red-500': $red-500,\n 'red-700': $red-700,\n 'red-900': $red-900,\n);\n\n$body-color: $carbon;\n$line-height-base: 1.43;\n$text-muted: #777;
1 // legacy value\n\n$grid-breakpoints: (\n // If updating, update also in styleConstants.ts\n xs: 0,\n sm: 425px,\n md: 768px,\n lg: 992px,\n xl: 1152px,\n xxl: 1400px\n);\n\n$border-color: var(--bs-gray-400);\n$border-hover: var(--border-hover);\n$border-focus-active: var(--bs-gray-700);\n\n$small-font-size: 0.75rem; // approximately 12px\n$font-size-base: 0.875rem; // approximately 14px\n$h5-font-size: 1rem; // approximately 16px\n\n// custom breakpoints\n$screen-mail-md: 640px;\n\n$screen-method-one: 700px;\n$screen-method-two: 720px;\n\n$container-max-widths: (\n sm: 540px,\n md: 750px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px,\n);\n\n$grid-gutter-width: 30px;\n\n// bootstrap 5 upgrade\n\n$enable-caret: false;\n$enable-negative-margins: true;\n\n$link-hover-color: $green-700;\n// Pagination\n$pagination-active-color: var(--bs-white);\n$pagination-active-bg: var(--bs-primary);\n$pagination-active-border-color: var(--bs-primary);\n$pagination-color: var(--bs-primary);\n\n// hr\n$hr-opacity: 1;\n$hr-color: #eee; // keep as was before migration\n\n// Nav items\n$nav-link-color: var(--bs-primary);\n$nav-link-hover-color: $green-700;\n$nav-pills-link-active-bg: #d3d3d3; // color on info panel but not present on current grays\n$nav-pills-link-active-color: $green-700;\n$nav-pills-border-radius: 0 4px 4px 0;\n\n// Nav bar\n$navbar-light-toggler-border-color: none;\n$navbar-toggler-focus-width: 0;\n\n// // Modals\n$modal-xl: 1240px;\n$modal-lg: 900px;\n$modal-md: 640px;\n$modal-sm: 500px;\n$modal-xs: 350px;\n\n// Buttons\n$btn-link-color: var(--bs-primary);\n$btn-link-hover-color: $green-900;\n$btn-white-space: nowrap;\n$btn-focus-box-shadow: none;\n$btn-border-radius: 0.5rem;\n\n// Button - small\n$btn-border-radius-sm: $btn-border-radius;\n$btn-font-size-sm: 0.875rem;\n$btn-padding-y-sm: 0.155rem; // make it 28px height with 14px font size\n\n// Button - medium\n$btn-font-size: 0.875rem;\n\n// Buttom - large\n$btn-border-radius-lg: $btn-border-radius;\n$btn-font-size-lg: 1rem;\n\n// Forms\n$form-label-font-weight: bold;\n$form-label-font-weight: 500;\n$form-label-font-size: 0.875rem;\n$form-label-color: $black;\n$form-text-color: $gray-800;\n$form-check-input-border: 1px solid rgba($gray-400, 1);\n$form-label-margin-bottom: var(--space-label-input);\n$input-focus-box-shadow: var(--sl-input-focus-box-shadow);\n$form-select-focus-box-shadow: $input-focus-box-shadow;\n$input-focus-border-color: $gray-700;\n$input-placeholder-color: $gray-700;\n$input-btn-focus-color: color.adjust($input-focus-border-color, $alpha: -0.25);\n$input-bg: var(--bs-input-bg-color);\n$input-border-color: var(--bs-gray-400);\n$input-border-radius: 0.5rem;\n\n// Forms - small\n$input-font-size-sm: 0.875rem;\n$input-border-radius-sm: $input-border-radius;\n$input-padding-y-sm: 0.155rem; // 28px of height with font-size 14px;\n\n// Forms - medium\n$input-font-size: 0.875rem;\n\n// Forms - large\n$input-font-size-lg: 1rem;\n$input-border-radius-lg: $input-border-radius;\n\n// table\n$table-group-separator-color: #dddddd; // keep as it was\n\n// alert\n$alert-border-radius: 8px;\n$alert-border-width: 1px;\n\n// z-index\n$zindex-dropdown: 1060;\n\n// Shadows\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow:\n 0 12px 17px 0 var(--shadow-a15),\n 0 5px 22px 0 var(--shadow-a10),\n 0 7px 8px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-sm:\n 0 1px 1px 0 var(--shadow-a15),\n 0 2px 1px 0 var(--shadow-a10),\n 0 1px 3px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-lg:\n 0 24px 38px 0 var(--shadow-a25),\n 0 9px 46px 0 var(--shadow-a10),\n 0 11px 15px 0 var(--shadow-a15);\n\n.btn {\n --bs-btn-font-weight: 500;\n}\n\n.dropdown-menu {\n --bs-dropdown-min-width: 200px;\n --bs-dropdown-color: var(--bs-gray-800);\n --bs-dropdown-border-color: var(--bs-gray-400);\n --bs-dropdown-link-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-bg: var(--bg-light-hover);\n --bs-dropdown-link-active-color: var(--bs-gray-800);\n --bs-dropdown-link-active-bg: var(--bg-light-hover);\n --bs-dropdown-link-disabled-color: #a3a4a9;
1\n --bs-dropdown-box-shadow: #{$box-shadow};\n --bs-dropdown-divider-bg: var(--bs-border-color);\n // Setting --bs-dropdown-box-shadow should be enough but it's not.\n // Must be a bug in Bootstrap so the following line can be removed once it's fixed.\n box-shadow: $box-shadow;\n}\n\n.library .navbar .navbar-nav {\n --bs-navbar-nav-link-padding-x: 1rem;\n --bs-nav-link-padding-y: 0.25rem;\n}\n\n// Spacers\n$custom-spacers: (\n // We're not removing bootstrap's helpers, this means that the library wordpress header should work out of the box as we didn't override them there\n // We should think carefully about adding values here. If needed in only a few places, add it on spacings.scss instead\n // Our spacers\n s1: var(--space-1),\n s2: var(--space-2),\n s4: var(--space-4),\n s8: var(--space-8),\n s12: var(--space-12),\n s16: var(--space-16),\n s24: var(--space-24),\n s32: var(--space-32),\n s40: var(--space-40),\n s48: var(--space-48),\n s64: var(--space-64),\n // s72: var(--space-72), // Not added because usage is not enogh, single class added on spacings file\n // s80: var(--space-80), // Not added because usage is not enough. single class added on spacings file\n);\n\n$custom-negative-spacers: (\n ns1: calc(-1 * var(--space-1)),\n ns2: calc(-1 * var(--space-2)),\n ns4: calc(-1 * var(--space-4)),\n ns8: calc(-1 * var(--space-8)),\n ns12: calc(-1 * var(--space-12)),\n ns16: calc(-1 * var(--space-16)),\n ns24: calc(-1 * var(--space-24)),\n);\n\n// Tooltip\n$tooltip-opacity: 1;\n\n// Offcanvas\n$offcanvas-padding-y: 32px;\n$offcanvas-padding-x: 20px;\n$offcanvas-horizontal-width: 320px;\n\n// Accordion\n$accordion-button-active-bg: $white;\n$accordion-button-active-color: $carbon;\n$accordion-border-color: $gray-400;\n$accordion-padding-y: 8px;\n$accordion-padding-x: 0;\n$accordion-body-padding-y: 12px;\n$accordion-button-focus-box-shadow: none !important;\n$accordion-icon-width: 14px;\n\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/variables-dark';\n$spacers: map.merge($spacers, $custom-spacers);\n$negative-spacers: $custom-negative-spacers;\n$theme-colors: map.merge($theme-colors, $custom-colors);\n\n// Override Bootstrap variables that depend on another variable\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$header-font-family:\n 'Fira Sans',\n #{$font-family-sans-serif};\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$font-family-base:\n 'Inter',\n #{$font-family-sans-serif};\n@import '~bootstrap/scss/maps';\n","@use 'stylesheets/vendors/bootstrap/bootstrap_baseline.scss' as *; @use 'stylesheets/variables.css.scss' as *;.container {\n max-height: 231px;\n overflow-y: auto;\n}\n\n.teamContainer {\n &:not(:first-child) {\n margin-top: 12px;\n }\n}\n"],sourceRoot:""}]);var t="x4QwX0yyQW",l="qsz_vm2IrA";e.Ay=i},11384:function(n,e,a){"use strict";a.d(e,{fE:function(){return t},kL:function(){return l}});var r=a(88716),o=a.n(r),s=a(30404),i=a.n(s)()(o());i.push([n.id,".nF8o0ebY2w{--bs-btn-font-weight: 500}.YjcdkM0imU{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}.nMVLZnkL4p .dhncM3mxaV .JjlzGpjGOu{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.nF8o0ebY2w{--bs-btn-font-weight: 500}.YjcdkM0imU{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;
1--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}.nMVLZnkL4p .dhncM3mxaV .JjlzGpjGOu{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.eEbOIBDKqf .rbt-token,.eEbOIBDKqf .rbt-input-wrapper,.eEbOIBDKqf .dropdown-item{font-size:20px;font-weight:400}.MdaJju_VhY{max-width:504px}.eEbOIBDKqf .form-control{padding:0}.eEbOIBDKqf .dropdown-menu{padding:16px 0}.eEbOIBDKqf .dropdown-item{padding:8px 24px;--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bs-white)}.eEbOIBDKqf .dropdown-item:hover,.eEbOIBDKqf .dropdown-item:focus{--bs-dropdown-link-active-bg: var(--bs-gray-100)}.eEbOIBDKqf .rbt-input-main{min-width:100px}.eEbOIBDKqf .rbt-input-wrapper{padding:8px 24px;min-height:60px;align-items:center}.eEbOIBDKqf .rbt-token{color:var(--bs-black);border-radius:8px;padding:8px 16px;line-height:28px;border:0;max-width:100%;word-wrap:break-word}.eEbOIBDKqf .rbt-close{color:inherit;opacity:1;font-size:10px;float:unset;vertical-align:middle}.eEbOIBDKqf .rbt-highlight-text{font-weight:inherit;color:inherit}","",{version:3,sources:["webpack://./../assets/stylesheets/vendors/bootstrap/bootstrap_config.css.scss","webpack://./components/onboarding/CollaboratorsPage.module.scss"],names:[],mappings:"AAmUA,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CAvBF,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CC1V4G,iFAC5G,cAAA,CACA,eAAA,CAGF,YACE,eAAA,CAIA,0BACE,SAAA,CAEF,2BACE,cAAA,CAEF,2BAEE,gBAAA,CAEA,mDAAA,CACA,6CAAA,CAEA,kEAEE,gDAAA,CAGJ,4BACE,eAAA,CAEF,+BAEE,gBAAA,CACA,eAAA,CACA,kBAAA,CAEF,uBAEE,qBAAA,CACA,iBAAA,CACA,gBAAA,CACA,gBAAA,CACA,QAAA,CACA,cAAA,CACA,oBAAA,CAEF,uBACE,aAAA,CACA,SAAA,CACA,cAAA,CACA,WAAA,CACA,qBAAA,CAEF,gCACE,mBAAA,CACA,aAAA",sourcesContent:["@use 'sass:color';\n@use 'sass:map';\n@import '~bootstrap/scss/functions';\n\n// Colors\n\n$white: #ffffff;\n\n$gray-100: #f6f7f9;\n$gray-200: #f0f2f5;\n$gray-300: #e3e5e8;\n$gray-400: #d4d8dd;\n$gray-500: #c2c5cb;\n$gray-600: #a5a9b1;\n$gray-700: #8c8e97;\n$gray-800: #555862;\n$gray-900: #2e3138;\n$black: #17181c;\n$carbon: $black;\n\n$blue: #046ae7;\n$purple: #9335e6;\n$pink: #da1a55;\n$red: #ff4c58;\n$orange: #ff7614;\n$yellow: #ffbf1f;\n$green: #09ba73;\n\n$info-bg-subtle: #f0f8ff;\n$warning-border-subtle: #feeab8;\n\n$info-border-subtle: #d7edff;\n$warning-bg-subtle: #fff8e5;\n\n$colors: (\n 'blue': $blue,\n 'purple': $purple,\n 'pink': $pink,\n 'red': $red,\n 'orange': $orange,\n 'yellow': $yellow,\n 'green': $green,\n 'white': $white,\n 'carbon': $carbon,\n);\n\n$blue-a25: rgba(2, 116, 225, 0.25);\n$blue-100: #f0f8ff;\n$blue-300: #d7edff;\n$blue-500: $blue;\n$blue-400: color.mix($blue-300, $blue-500, 50%);\n$blue-700: #003194;\n$blue-600: color.mix($blue-500, $blue-700, 50%);\n$blue-900: #00185c;\n$blue-800: color.mix($blue-700, $blue-900, 50%);\n\n$purple-a25: rgba(147, 53, 230, 0.25);\n$purple-100: #f8f1fd;\n$purple-300: #e3c8f9;\n$purple-500: $purple;\n$purple-700: #6107a2;\n$purple-900: #340057;\n\n$pink-a25: rgba(218, 26, 85, 0.25);\n$pink-100: #fdf1f6;\n$pink-300: #fac6dd;\n$pink-500: $pink;\n$pink-700: #a2063d;\n$pink-900: #6b0134;\n\n$red-a25: rgba(255, 76, 88, 0.25);\n$red-100: #fff0f1;\n$red-300: #ffdbde;\n$red-500: $red;\n$red-700: #c91d28;\n$red-900: #720910;\n\n$orange-a25: rgba(255, 118, 20, 0.25);\n$orange-100: #fff3eb;\n$orange-300: #ffd8bd;\n$orange-500: $orange;\n$orange-700: #c25700;\n$orange-900: #662500;\n\n$yellow-a25: rgba(255, 191, 31, 0.25);\n$yellow-100: #fff8e6;\n$yellow-300: #feeab8;\n$yellow-500: $yellow;\n$yellow-700: #9d6102;\n$yellow-900: #4d3400;\n\n$green-a25: rgba(0, 199, 141, 0.25);\n$green-100: #edfdf4;\n$green-300: #d4f7df;\n$green-500: $green;\n$green-700: #098661;\n$green-900: #003d32;\n\n$primary: $green-700;\n$primary-dark: $green-900;\n$secondary: $carbon;\n$success: $green-700;\n$info: $blue;\n$warning: $yellow;\n$danger: $red;\n$light: $white;\n$dark: $carbon;\n\n// Colors https://getbootstrap.com/docs/4.0/getting-started/theming/#color\n// Leaving these as variables to not refactor all the styles to remove them\n\n$custom-colors: (\n 'warning': $warning,\n 'primary': $primary,\n 'primary-dark': $primary-dark,\n 'white': $white,\n // BLUE\n 'blue-a25': $blue-a25,\n 'blue-100': $blue-100,\n 'blue-300': $blue-300,\n 'blue-400': $blue-400,\n 'blue-500': $blue-500,\n 'blue-600': $blue-600,\n 'blue-700': $blue-700,\n 'blue-800': $blue-800,\n 'blue-900': $blue-900,\n // GRAY\n 'gray-100': $gray-100,\n 'gray-200': $gray-200,\n 'gray-300': $gray-300,\n 'gray-400': $gray-400,\n 'gray-500': $gray-500,\n 'gray-600': $gray-600,\n 'gray-700': $gray-700,\n 'gray-800': $gray-800,\n 'gray-900': $gray-900,\n 'dark': $black,\n // GREEN\n 'green-100': $green-100,\n 'green-300': $green-300,\n 'green-500': $green-500,\n 'green-700': $green-700,\n 'green-900': $green-900,\n // ORANGE\n 'orange-100': $orange-100,\n 'orange-300': $orange-300,\n 'orange-500': $orange,\n 'orange-700': $orange-700,\n 'orange-900': $orange-900,\n // PINK\n 'pink-100': $pink-100,\n 'pink-300': $pink-300,\n 'pink-500': $pink-500,\n 'pink-700': $pink-700,\n 'pink-900': $pink-900,\n // YELLOW\n 'yellow-a25': $yellow-a25,\n 'yellow-100': $yellow-100,\n 'yellow-300': $yellow-300,\n 'yellow-500': $yellow-500,\n 'yellow-700': $yellow-700,\n 'yellow-900': $yellow-900,\n // PURPLE\n 'purple-100': $purple-100,\n 'purple-300': $purple-300,\n 'purple-500': $purple-500,\n 'purple-700': $purple-700,\n 'purple-900': $purple-900,\n // RED - errors only\n 'red-100': $red-100,\n 'red-300': $red-300,\n 'red-500': $red-500,\n 'red-700': $red-700,\n 'red-900': $red-900,\n);\n\n$body-color: $carbon;\n$line-height-base: 1.43;\n$text-muted: #777;
1 // legacy value\n\n$grid-breakpoints: (\n // If updating, update also in styleConstants.ts\n xs: 0,\n sm: 425px,\n md: 768px,\n lg: 992px,\n xl: 1152px,\n xxl: 1400px\n);\n\n$border-color: var(--bs-gray-400);\n$border-hover: var(--border-hover);\n$border-focus-active: var(--bs-gray-700);\n\n$small-font-size: 0.75rem; // approximately 12px\n$font-size-base: 0.875rem; // approximately 14px\n$h5-font-size: 1rem; // approximately 16px\n\n// custom breakpoints\n$screen-mail-md: 640px;\n\n$screen-method-one: 700px;\n$screen-method-two: 720px;\n\n$container-max-widths: (\n sm: 540px,\n md: 750px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px,\n);\n\n$grid-gutter-width: 30px;\n\n// bootstrap 5 upgrade\n\n$enable-caret: false;\n$enable-negative-margins: true;\n\n$link-hover-color: $green-700;\n// Pagination\n$pagination-active-color: var(--bs-white);\n$pagination-active-bg: var(--bs-primary);\n$pagination-active-border-color: var(--bs-primary);\n$pagination-color: var(--bs-primary);\n\n// hr\n$hr-opacity: 1;\n$hr-color: #eee; // keep as was before migration\n\n// Nav items\n$nav-link-color: var(--bs-primary);\n$nav-link-hover-color: $green-700;\n$nav-pills-link-active-bg: #d3d3d3; // color on info panel but not present on current grays\n$nav-pills-link-active-color: $green-700;\n$nav-pills-border-radius: 0 4px 4px 0;\n\n// Nav bar\n$navbar-light-toggler-border-color: none;\n$navbar-toggler-focus-width: 0;\n\n// // Modals\n$modal-xl: 1240px;\n$modal-lg: 900px;\n$modal-md: 640px;\n$modal-sm: 500px;\n$modal-xs: 350px;\n\n// Buttons\n$btn-link-color: var(--bs-primary);\n$btn-link-hover-color: $green-900;\n$btn-white-space: nowrap;\n$btn-focus-box-shadow: none;\n$btn-border-radius: 0.5rem;\n\n// Button - small\n$btn-border-radius-sm: $btn-border-radius;\n$btn-font-size-sm: 0.875rem;\n$btn-padding-y-sm: 0.155rem; // make it 28px height with 14px font size\n\n// Button - medium\n$btn-font-size: 0.875rem;\n\n// Buttom - large\n$btn-border-radius-lg: $btn-border-radius;\n$btn-font-size-lg: 1rem;\n\n// Forms\n$form-label-font-weight: bold;\n$form-label-font-weight: 500;\n$form-label-font-size: 0.875rem;\n$form-label-color: $black;\n$form-text-color: $gray-800;\n$form-check-input-border: 1px solid rgba($gray-400, 1);\n$form-label-margin-bottom: var(--space-label-input);\n$input-focus-box-shadow: var(--sl-input-focus-box-shadow);\n$form-select-focus-box-shadow: $input-focus-box-shadow;\n$input-focus-border-color: $gray-700;\n$input-placeholder-color: $gray-700;\n$input-btn-focus-color: color.adjust($input-focus-border-color, $alpha: -0.25);\n$input-bg: var(--bs-input-bg-color);\n$input-border-color: var(--bs-gray-400);\n$input-border-radius: 0.5rem;\n\n// Forms - small\n$input-font-size-sm: 0.875rem;\n$input-border-radius-sm: $input-border-radius;\n$input-padding-y-sm: 0.155rem; // 28px of height with font-size 14px;\n\n// Forms - medium\n$input-font-size: 0.875rem;\n\n// Forms - large\n$input-font-size-lg: 1rem;\n$input-border-radius-lg: $input-border-radius;\n\n// table\n$table-group-separator-color: #dddddd; // keep as it was\n\n// alert\n$alert-border-radius: 8px;\n$alert-border-width: 1px;\n\n// z-index\n$zindex-dropdown: 1060;\n\n// Shadows\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow:\n 0 12px 17px 0 var(--shadow-a15),\n 0 5px 22px 0 var(--shadow-a10),\n 0 7px 8px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-sm:\n 0 1px 1px 0 var(--shadow-a15),\n 0 2px 1px 0 var(--shadow-a10),\n 0 1px 3px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-lg:\n 0 24px 38px 0 var(--shadow-a25),\n 0 9px 46px 0 var(--shadow-a10),\n 0 11px 15px 0 var(--shadow-a15);\n\n.btn {\n --bs-btn-font-weight: 500;\n}\n\n.dropdown-menu {\n --bs-dropdown-min-width: 200px;\n --bs-dropdown-color: var(--bs-gray-800);\n --bs-dropdown-border-color: var(--bs-gray-400);\n --bs-dropdown-link-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-bg: var(--bg-light-hover);\n --bs-dropdown-link-active-color: var(--bs-gray-800);\n --bs-dropdown-link-active-bg: var(--bg-light-hover);\n --bs-dropdown-link-disabled-color: #a3a4a9;
1\n --bs-dropdown-box-shadow: #{$box-shadow};\n --bs-dropdown-divider-bg: var(--bs-border-color);\n // Setting --bs-dropdown-box-shadow should be enough but it's not.\n // Must be a bug in Bootstrap so the following line can be removed once it's fixed.\n box-shadow: $box-shadow;\n}\n\n.library .navbar .navbar-nav {\n --bs-navbar-nav-link-padding-x: 1rem;\n --bs-nav-link-padding-y: 0.25rem;\n}\n\n// Spacers\n$custom-spacers: (\n // We're not removing bootstrap's helpers, this means that the library wordpress header should work out of the box as we didn't override them there\n // We should think carefully about adding values here. If needed in only a few places, add it on spacings.scss instead\n // Our spacers\n s1: var(--space-1),\n s2: var(--space-2),\n s4: var(--space-4),\n s8: var(--space-8),\n s12: var(--space-12),\n s16: var(--space-16),\n s24: var(--space-24),\n s32: var(--space-32),\n s40: var(--space-40),\n s48: var(--space-48),\n s64: var(--space-64),\n // s72: var(--space-72), // Not added because usage is not enogh, single class added on spacings file\n // s80: var(--space-80), // Not added because usage is not enough. single class added on spacings file\n);\n\n$custom-negative-spacers: (\n ns1: calc(-1 * var(--space-1)),\n ns2: calc(-1 * var(--space-2)),\n ns4: calc(-1 * var(--space-4)),\n ns8: calc(-1 * var(--space-8)),\n ns12: calc(-1 * var(--space-12)),\n ns16: calc(-1 * var(--space-16)),\n ns24: calc(-1 * var(--space-24)),\n);\n\n// Tooltip\n$tooltip-opacity: 1;\n\n// Offcanvas\n$offcanvas-padding-y: 32px;\n$offcanvas-padding-x: 20px;\n$offcanvas-horizontal-width: 320px;\n\n// Accordion\n$accordion-button-active-bg: $white;\n$accordion-button-active-color: $carbon;\n$accordion-border-color: $gray-400;\n$accordion-padding-y: 8px;\n$accordion-padding-x: 0;\n$accordion-body-padding-y: 12px;\n$accordion-button-focus-box-shadow: none !important;\n$accordion-icon-width: 14px;\n\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/variables-dark';\n$spacers: map.merge($spacers, $custom-spacers);\n$negative-spacers: $custom-negative-spacers;\n$theme-colors: map.merge($theme-colors, $custom-colors);\n\n// Override Bootstrap variables that depend on another variable\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$header-font-family:\n 'Fira Sans',\n #{$font-family-sans-serif};\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$font-family-base:\n 'Inter',\n #{$font-family-sans-serif};\n@import '~bootstrap/scss/maps';\n","@use 'stylesheets/vendors/bootstrap/bootstrap_baseline.scss' as *; @use 'stylesheets/variables.css.scss' as *;%text-xl-regular {\n font-size: 20px;\n font-weight: 400;\n}\n\n.container {\n max-width: 504px;\n}\n\n.collaboratorInput {\n :global(.form-control) {\n padding: 0;\n }\n :global(.dropdown-menu) {\n padding: 16px 0;\n }\n :global(.dropdown-item) {\n @extend %text-xl-regular;\n padding: 8px 24px;\n\n --bs-dropdown-link-active-color: var(--bs-gray-800);\n --bs-dropdown-link-active-bg: var(--bs-white);\n\n &:hover,\n &:focus {\n --bs-dropdown-link-active-bg: var(--bs-gray-100);\n }\n }\n :global(.rbt-input-main) {\n min-width: 100px; // Prevent it getting too small and unconfortable to use\n }\n :global(.rbt-input-wrapper) {\n @extend %text-xl-regular;\n padding: 8px 24px;\n min-height: 60px;\n align-items: center;\n }\n :global(.rbt-token) {\n @extend %text-xl-regular;\n color: var(--bs-black);\n border-radius: 8px;\n padding: 8px 16px;\n line-height: 28px;\n border: 0;\n max-width: 100%;\n word-wrap: break-word;\n }\n :global(.rbt-close) {\n color: inherit;\n opacity: 1;\n font-size: 10px; // Approximation to spec\n float: unset;\n vertical-align: middle;\n }\n :global(.rbt-highlight-text) {\n font-weight: inherit;\n color: inherit;\n }\n}\n"],sourceRoot:""}]);var t="eEbOIBDKqf",l="MdaJju_VhY";e.Ay=i},40465:function(n,e,a){"use strict";a.d(e,{x6:function(){return t}});var r=a(88716),o=a.n(r),s=a(30404),i=a.n(s)()(o());i.push([n.id,".CWHmlXAOhM{--bs-btn-font-weight: 500}.CZTR5Dqenr{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;
1--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}.smbvC9g9PX .gSs7hd3RD_ .gF48J73bqc{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.CWHmlXAOhM{--bs-btn-font-weight: 500}.CZTR5Dqenr{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}.smbvC9g9PX .gSs7hd3RD_ .gF48J73bqc{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.tiRTcxnD3x{width:100%}@media(min-width: 768px){.tiRTcxnD3x{width:auto;line-height:26px}}","",{version:3,sources:["webpack://./../assets/stylesheets/vendors/bootstrap/bootstrap_config.css.scss","webpack://./components/onboarding/NextButton.module.scss","webpack://./../../node_modules/.pnpm/[email protected]_@[email protected]/node_modules/bootstrap/scss/mixins/_breakpoints.scss"],names:[],mappings:"AAmUA,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CAvBF,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CC1V4G,YAC5G,UAAA,CC8DE,yBD/D0G,YAI1G,UAAA,CACA,gBAAA,CAAA",sourcesContent:["@use 'sass:color';\n@use 'sass:map';\n@import '~bootstrap/scss/functions';\n\n// Colors\n\n$white: #ffffff;\n\n$gray-100: #f6f7f9;\n$gray-200: #f0f2f5;\n$gray-300: #e3e5e8;\n$gray-400: #d4d8dd;\n$gray-500: #c2c5cb;\n$gray-600: #a5a9b1;\n$gray-700: #8c8e97;\n$gray-800: #555862;\n$gray-900: #2e3138;\n$black: #17181c;\n$carbon: $black;\n\n$blue: #046ae7;\n$purple: #9335e6;\n$pink: #da1a55;\n$red: #ff4c58;\n$orange: #ff7614;\n$yellow: #ffbf1f;\n$green: #09ba73;\n\n$info-bg-subtle: #f0f8ff;\n$warning-border-subtle: #feeab8;\n\n$info-border-subtle: #d7edff;\n$warning-bg-subtle: #fff8e5;\n\n$colors: (\n 'blue': $blue,\n 'purple': $purple,\n 'pink': $pink,\n 'red': $red,\n 'orange': $orange,\n 'yellow': $yellow,\n 'green': $green,\n 'white': $white,\n 'carbon': $carbon,\n);\n\n$blue-a25: rgba(2, 116, 225, 0.25);\n$blue-100: #f0f8ff;\n$blue-300: #d7edff;\n$blue-500: $blue;\n$blue-400: color.mix($blue-300, $blue-500, 50%);\n$blue-700: #003194;\n$blue-600: color.mix($blue-500, $blue-700, 50%);\n$blue-900: #00185c;\n$blue-800: color.mix($blue-700, $blue-900, 50%);\n\n$purple-a25: rgba(147, 53, 230, 0.25);\n$purple-100: #f8f1fd;\n$purple-300: #e3c8f9;\n$purple-500: $purple;\n$purple-700: #6107a2;\n$purple-900: #340057;\n\n$pink-a25: rgba(218, 26, 85, 0.25);\n$pink-100: #fdf1f6;\n$pink-300: #fac6dd;\n$pink-500: $pink;\n$pink-700: #a2063d;\n$pink-900: #6b0134;\n\n$red-a25: rgba(255, 76, 88, 0.25);\n$red-100: #fff0f1;\n$red-300: #ffdbde;\n$red-500: $red;\n$red-700: #c91d28;\n$red-900: #720910;\n\n$orange-a25: rgba(255, 118, 20, 0.25);\n$orange-100: #fff3eb;\n$orange-300: #ffd8bd;\n$orange-500: $orange;\n$orange-700: #c25700;\n$orange-900: #662500;\n\n$yellow-a25: rgba(255, 191, 31, 0.25);\n$yellow-100: #fff8e6;\n$yellow-300: #feeab8;\n$yellow-500: $yellow;\n$yellow-700: #9d6102;\n$yellow-900: #4d3400;\n\n$green-a25: rgba(0, 199, 141, 0.25);\n$green-100: #edfdf4;\n$green-300: #d4f7df;\n$green-500: $green;\n$green-700: #098661;\n$green-900: #003d32;\n\n$primary: $green-700;\n$primary-dark: $green-900;\n$secondary: $carbon;\n$success: $green-700;\n$info: $blue;\n$warning: $yellow;\n$danger: $red;\n$light: $white;\n$dark: $carbon;\n\n// Colors https://getbootstrap.com/docs/4.0/getting-started/theming/#color\n// Leaving these as variables to not refactor all the styles to remove them\n\n$custom-colors: (\n 'warning': $warning,\n 'primary': $primary,\n 'primary-dark': $primary-dark,\n 'white': $white,\n // BLUE\n 'blue-a25': $blue-a25,\n 'blue-100': $blue-100,\n 'blue-300': $blue-300,\n 'blue-400': $blue-400,\n 'blue-500': $blue-500,\n 'blue-600': $blue-600,\n 'blue-700': $blue-700,\n 'blue-800': $blue-800,\n 'blue-900': $blue-900,\n // GRAY\n 'gray-100': $gray-100,\n 'gray-200': $gray-200,\n 'gray-300': $gray-300,\n 'gray-400': $gray-400,\n 'gray-500': $gray-500,\n 'gray-600': $gray-600,\n 'gray-700': $gray-700,\n 'gray-800': $gray-800,\n 'gray-900': $gray-900,\n 'dark': $black,\n // GREEN\n 'green-100': $green-100,\n 'green-300': $green-300,\n 'green-500': $green-500,\n 'green-700': $green-700,\n 'green-900': $green-900,\n // ORANGE\n 'orange-100': $orange-100,\n 'orange-300': $orange-300,\n 'orange-500': $orange,\n 'orange-700': $orange-700,\n 'orange-900': $orange-900,\n // PINK\n 'pink-100': $pink-100,\n 'pink-300': $pink-300,\n 'pink-500': $pink-500,\n 'pink-700': $pink-700,\n 'pink-900': $pink-900,\n // YELLOW\n 'yellow-a25': $yellow-a25,\n 'yellow-100': $yellow-100,\n 'yellow-300': $yellow-300,\n 'yellow-500': $yellow-500,\n 'yellow-700': $yellow-700,\n 'yellow-900': $yellow-900,\n // PURPLE\n 'purple-100': $purple-100,\n 'purple-300': $purple-300,\n 'purple-500': $purple-500,\n 'purple-700': $purple-700,\n 'purple-900': $purple-900,\n // RED - errors only\n 'red-100': $red-100,\n 'red-300': $red-300,\n 'red-500': $red-500,\n 'red-700': $red-700,\n 'red-900': $red-900,\n);\n\n$body-color: $carbon;\n$line-height-base: 1.43;\n$text-muted: #777;
1 // legacy value\n\n$grid-breakpoints: (\n // If updating, update also in styleConstants.ts\n xs: 0,\n sm: 425px,\n md: 768px,\n lg: 992px,\n xl: 1152px,\n xxl: 1400px\n);\n\n$border-color: var(--bs-gray-400);\n$border-hover: var(--border-hover);\n$border-focus-active: var(--bs-gray-700);\n\n$small-font-size: 0.75rem; // approximately 12px\n$font-size-base: 0.875rem; // approximately 14px\n$h5-font-size: 1rem; // approximately 16px\n\n// custom breakpoints\n$screen-mail-md: 640px;\n\n$screen-method-one: 700px;\n$screen-method-two: 720px;\n\n$container-max-widths: (\n sm: 540px,\n md: 750px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px,\n);\n\n$grid-gutter-width: 30px;\n\n// bootstrap 5 upgrade\n\n$enable-caret: false;\n$enable-negative-margins: true;\n\n$link-hover-color: $green-700;\n// Pagination\n$pagination-active-color: var(--bs-white);\n$pagination-active-bg: var(--bs-primary);\n$pagination-active-border-color: var(--bs-primary);\n$pagination-color: var(--bs-primary);\n\n// hr\n$hr-opacity: 1;\n$hr-color: #eee; // keep as was before migration\n\n// Nav items\n$nav-link-color: var(--bs-primary);\n$nav-link-hover-color: $green-700;\n$nav-pills-link-active-bg: #d3d3d3; // color on info panel but not present on current grays\n$nav-pills-link-active-color: $green-700;\n$nav-pills-border-radius: 0 4px 4px 0;\n\n// Nav bar\n$navbar-light-toggler-border-color: none;\n$navbar-toggler-focus-width: 0;\n\n// // Modals\n$modal-xl: 1240px;\n$modal-lg: 900px;\n$modal-md: 640px;\n$modal-sm: 500px;\n$modal-xs: 350px;\n\n// Buttons\n$btn-link-color: var(--bs-primary);\n$btn-link-hover-color: $green-900;\n$btn-white-space: nowrap;\n$btn-focus-box-shadow: none;\n$btn-border-radius: 0.5rem;\n\n// Button - small\n$btn-border-radius-sm: $btn-border-radius;\n$btn-font-size-sm: 0.875rem;\n$btn-padding-y-sm: 0.155rem; // make it 28px height with 14px font size\n\n// Button - medium\n$btn-font-size: 0.875rem;\n\n// Buttom - large\n$btn-border-radius-lg: $btn-border-radius;\n$btn-font-size-lg: 1rem;\n\n// Forms\n$form-label-font-weight: bold;\n$form-label-font-weight: 500;\n$form-label-font-size: 0.875rem;\n$form-label-color: $black;\n$form-text-color: $gray-800;\n$form-check-input-border: 1px solid rgba($gray-400, 1);\n$form-label-margin-bottom: var(--space-label-input);\n$input-focus-box-shadow: var(--sl-input-focus-box-shadow);\n$form-select-focus-box-shadow: $input-focus-box-shadow;\n$input-focus-border-color: $gray-700;\n$input-placeholder-color: $gray-700;\n$input-btn-focus-color: color.adjust($input-focus-border-color, $alpha: -0.25);\n$input-bg: var(--bs-input-bg-color);\n$input-border-color: var(--bs-gray-400);\n$input-border-radius: 0.5rem;\n\n// Forms - small\n$input-font-size-sm: 0.875rem;\n$input-border-radius-sm: $input-border-radius;\n$input-padding-y-sm: 0.155rem; // 28px of height with font-size 14px;\n\n// Forms - medium\n$input-font-size: 0.875rem;\n\n// Forms - large\n$input-font-size-lg: 1rem;\n$input-border-radius-lg: $input-border-radius;\n\n// table\n$table-group-separator-color: #dddddd; // keep as it was\n\n// alert\n$alert-border-radius: 8px;\n$alert-border-width: 1px;\n\n// z-index\n$zindex-dropdown: 1060;\n\n// Shadows\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow:\n 0 12px 17px 0 var(--shadow-a15),\n 0 5px 22px 0 var(--shadow-a10),\n 0 7px 8px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-sm:\n 0 1px 1px 0 var(--shadow-a15),\n 0 2px 1px 0 var(--shadow-a10),\n 0 1px 3px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-lg:\n 0 24px 38px 0 var(--shadow-a25),\n 0 9px 46px 0 var(--shadow-a10),\n 0 11px 15px 0 var(--shadow-a15);\n\n.btn {\n --bs-btn-font-weight: 500;\n}\n\n.dropdown-menu {\n --bs-dropdown-min-width: 200px;\n --bs-dropdown-color: var(--bs-gray-800);\n --bs-dropdown-border-color: var(--bs-gray-400);\n --bs-dropdown-link-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-bg: var(--bg-light-hover);\n --bs-dropdown-link-active-color: var(--bs-gray-800);\n --bs-dropdown-link-active-bg: var(--bg-light-hover);\n --bs-dropdown-link-disabled-color: #a3a4a9;
1\n --bs-dropdown-box-shadow: #{$box-shadow};\n --bs-dropdown-divider-bg: var(--bs-border-color);\n // Setting --bs-dropdown-box-shadow should be enough but it's not.\n // Must be a bug in Bootstrap so the following line can be removed once it's fixed.\n box-shadow: $box-shadow;\n}\n\n.library .navbar .navbar-nav {\n --bs-navbar-nav-link-padding-x: 1rem;\n --bs-nav-link-padding-y: 0.25rem;\n}\n\n// Spacers\n$custom-spacers: (\n // We're not removing bootstrap's helpers, this means that the library wordpress header should work out of the box as we didn't override them there\n // We should think carefully about adding values here. If needed in only a few places, add it on spacings.scss instead\n // Our spacers\n s1: var(--space-1),\n s2: var(--space-2),\n s4: var(--space-4),\n s8: var(--space-8),\n s12: var(--space-12),\n s16: var(--space-16),\n s24: var(--space-24),\n s32: var(--space-32),\n s40: var(--space-40),\n s48: var(--space-48),\n s64: var(--space-64),\n // s72: var(--space-72), // Not added because usage is not enogh, single class added on spacings file\n // s80: var(--space-80), // Not added because usage is not enough. single class added on spacings file\n);\n\n$custom-negative-spacers: (\n ns1: calc(-1 * var(--space-1)),\n ns2: calc(-1 * var(--space-2)),\n ns4: calc(-1 * var(--space-4)),\n ns8: calc(-1 * var(--space-8)),\n ns12: calc(-1 * var(--space-12)),\n ns16: calc(-1 * var(--space-16)),\n ns24: calc(-1 * var(--space-24)),\n);\n\n// Tooltip\n$tooltip-opacity: 1;\n\n// Offcanvas\n$offcanvas-padding-y: 32px;\n$offcanvas-padding-x: 20px;\n$offcanvas-horizontal-width: 320px;\n\n// Accordion\n$accordion-button-active-bg: $white;\n$accordion-button-active-color: $carbon;\n$accordion-border-color: $gray-400;\n$accordion-padding-y: 8px;\n$accordion-padding-x: 0;\n$accordion-body-padding-y: 12px;\n$accordion-button-focus-box-shadow: none !important;\n$accordion-icon-width: 14px;\n\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/variables-dark';\n$spacers: map.merge($spacers, $custom-spacers);\n$negative-spacers: $custom-negative-spacers;\n$theme-colors: map.merge($theme-colors, $custom-colors);\n\n// Override Bootstrap variables that depend on another variable\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$header-font-family:\n 'Fira Sans',\n #{$font-family-sans-serif};\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$font-family-base:\n 'Inter',\n #{$font-family-sans-serif};\n@import '~bootstrap/scss/maps';\n","@use 'stylesheets/vendors/bootstrap/bootstrap_baseline.scss' as *; @use 'stylesheets/variables.css.scss' as *;.button {\n width: 100%;\n\n @include media-breakpoint-up(md) {\n width: auto;\n line-height: 26px;\n }\n}\n",'// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error "breakpoint `#{$name}` not found in `#{$breakpoints}`";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n/
1/ `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// "" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// "-sm"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint\'s minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n'],sourceRoot:""}]);var t="tiRTcxnD3x";e.Ay=i},61376:function(n,e,a){"use strict";a.d(e,{K3:function(){return l},kL:function(){return t}});var r=a(88716),o=a.n(r),s=a(30404),i=a.n(s)()(o());i.push([n.id,".KYQRhUFJtk{--bs-btn-font-weight: 500}.tfH2fdHOj4{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}.QV4LYeYGnq .oBjwnrUzDO .gnILRK8UmD{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.KYQRhUFJtk{--bs-btn-font-weight: 500}.tfH2fdHOj4{--bs-dropdown-min-width: 200px;--bs-dropdown-color: var(--bs-gray-800);--bs-dropdown-border-color: var(--bs-gray-400);--bs-dropdown-link-color: var(--bs-gray-800);--bs-dropdown-link-hover-color: var(--bs-gray-800);--bs-dropdown-link-hover-bg: var(--bg-light-hover);--bs-dropdown-link-active-color: var(--bs-gray-800);--bs-dropdown-link-active-bg: var(--bg-light-hover);--bs-dropdown-link-disabled-color: #a3a4a9;
1--bs-dropdown-box-shadow: 0 12px 17px 0 var(--shadow-a15), 0 5px 22px 0 var(--shadow-a10), 0 7px 8px 0 var(--shadow-a25);--bs-dropdown-divider-bg: var(--bs-border-color);box-shadow:0 12px 17px 0 var(--shadow-a15),0 5px 22px 0 var(--shadow-a10),0 7px 8px 0 var(--shadow-a25)}.QV4LYeYGnq .oBjwnrUzDO .gnILRK8UmD{--bs-navbar-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.25rem}.rk1V3MxoLl{max-width:504px}.tOqgcUzgTS{line-height:26px}","",{version:3,sources:["webpack://./../assets/stylesheets/vendors/bootstrap/bootstrap_config.css.scss","webpack://./components/onboarding/WorkspacePage.module.scss"],names:[],mappings:"AAmUA,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CAvBF,YACE,yBAAA,CAGF,YACE,8BAAA,CACA,uCAAA,CACA,8CAAA,CACA,4CAAA,CACA,kDAAA,CACA,kDAAA,CACA,mDAAA,CACA,mDAAA,CACA,0CAAA,CACA,wHAAA,CACA,gDAAA,CAGA,uGAhCA,CAmCF,oCACE,oCAAA,CACA,gCAAA,CC1V4G,YAC5G,eAAA,CAGF,YACE,gBAAA",sourcesContent:["@use 'sass:color';\n@use 'sass:map';\n@import '~bootstrap/scss/functions';\n\n// Colors\n\n$white: #ffffff;\n\n$gray-100: #f6f7f9;\n$gray-200: #f0f2f5;\n$gray-300: #e3e5e8;\n$gray-400: #d4d8dd;\n$gray-500: #c2c5cb;\n$gray-600: #a5a9b1;\n$gray-700: #8c8e97;\n$gray-800: #555862;\n$gray-900: #2e3138;\n$black: #17181c;\n$carbon: $black;\n\n$blue: #046ae7;\n$purple: #9335e6;\n$pink: #da1a55;\n$red: #ff4c58;\n$orange: #ff7614;\n$yellow: #ffbf1f;\n$green: #09ba73;\n\n$info-bg-subtle: #f0f8ff;\n$warning-border-subtle: #feeab8;\n\n$info-border-subtle: #d7edff;\n$warning-bg-subtle: #fff8e5;\n\n$colors: (\n 'blue': $blue,\n 'purple': $purple,\n 'pink': $pink,\n 'red': $red,\n 'orange': $orange,\n 'yellow': $yellow,\n 'green': $green,\n 'white': $white,\n 'carbon': $carbon,\n);\n\n$blue-a25: rgba(2, 116, 225, 0.25);\n$blue-100: #f0f8ff;\n$blue-300: #d7edff;\n$blue-500: $blue;\n$blue-400: color.mix($blue-300, $blue-500, 50%);\n$blue-700: #003194;\n$blue-600: color.mix($blue-500, $blue-700, 50%);\n$blue-900: #00185c;\n$blue-800: color.mix($blue-700, $blue-900, 50%);\n\n$purple-a25: rgba(147, 53, 230, 0.25);\n$purple-100: #f8f1fd;\n$purple-300: #e3c8f9;\n$purple-500: $purple;\n$purple-700: #6107a2;\n$purple-900: #340057;\n\n$pink-a25: rgba(218, 26, 85, 0.25);\n$pink-100: #fdf1f6;\n$pink-300: #fac6dd;\n$pink-500: $pink;\n$pink-700: #a2063d;\n$pink-900: #6b0134;\n\n$red-a25: rgba(255, 76, 88, 0.25);\n$red-100: #fff0f1;\n$red-300: #ffdbde;\n$red-500: $red;\n$red-700: #c91d28;\n$red-900: #720910;\n\n$orange-a25: rgba(255, 118, 20, 0.25);\n$orange-100: #fff3eb;\n$orange-300: #ffd8bd;\n$orange-500: $orange;\n$orange-700: #c25700;\n$orange-900: #662500;\n\n$yellow-a25: rgba(255, 191, 31, 0.25);\n$yellow-100: #fff8e6;\n$yellow-300: #feeab8;\n$yellow-500: $yellow;\n$yellow-700: #9d6102;\n$yellow-900: #4d3400;\n\n$green-a25: rgba(0, 199, 141, 0.25);\n$green-100: #edfdf4;\n$green-300: #d4f7df;\n$green-500: $green;\n$green-700: #098661;\n$green-900: #003d32;\n\n$primary: $green-700;\n$primary-dark: $green-900;\n$secondary: $carbon;\n$success: $green-700;\n$info: $blue;\n$warning: $yellow;\n$danger: $red;\n$light: $white;\n$dark: $carbon;\n\n// Colors https://getbootstrap.com/docs/4.0/getting-started/theming/#color\n// Leaving these as variables to not refactor all the styles to remove them\n\n$custom-colors: (\n 'warning': $warning,\n 'primary': $primary,\n 'primary-dark': $primary-dark,\n 'white': $white,\n // BLUE\n 'blue-a25': $blue-a25,\n 'blue-100': $blue-100,\n 'blue-300': $blue-300,\n 'blue-400': $blue-400,\n 'blue-500': $blue-500,\n 'blue-600': $blue-600,\n 'blue-700': $blue-700,\n 'blue-800': $blue-800,\n 'blue-900': $blue-900,\n // GRAY\n 'gray-100': $gray-100,\n 'gray-200': $gray-200,\n 'gray-300': $gray-300,\n 'gray-400': $gray-400,\n 'gray-500': $gray-500,\n 'gray-600': $gray-600,\n 'gray-700': $gray-700,\n 'gray-800': $gray-800,\n 'gray-900': $gray-900,\n 'dark': $black,\n // GREEN\n 'green-100': $green-100,\n 'green-300': $green-300,\n 'green-500': $green-500,\n 'green-700': $green-700,\n 'green-900': $green-900,\n // ORANGE\n 'orange-100': $orange-100,\n 'orange-300': $orange-300,\n 'orange-500': $orange,\n 'orange-700': $orange-700,\n 'orange-900': $orange-900,\n // PINK\n 'pink-100': $pink-100,\n 'pink-300': $pink-300,\n 'pink-500': $pink-500,\n 'pink-700': $pink-700,\n 'pink-900': $pink-900,\n // YELLOW\n 'yellow-a25': $yellow-a25,\n 'yellow-100': $yellow-100,\n 'yellow-300': $yellow-300,\n 'yellow-500': $yellow-500,\n 'yellow-700': $yellow-700,\n 'yellow-900': $yellow-900,\n // PURPLE\n 'purple-100': $purple-100,\n 'purple-300': $purple-300,\n 'purple-500': $purple-500,\n 'purple-700': $purple-700,\n 'purple-900': $purple-900,\n // RED - errors only\n 'red-100': $red-100,\n 'red-300': $red-300,\n 'red-500': $red-500,\n 'red-700': $red-700,\n 'red-900': $red-900,\n);\n\n$body-color: $carbon;\n$line-height-base: 1.43;\n$text-muted: #777;
1 // legacy value\n\n$grid-breakpoints: (\n // If updating, update also in styleConstants.ts\n xs: 0,\n sm: 425px,\n md: 768px,\n lg: 992px,\n xl: 1152px,\n xxl: 1400px\n);\n\n$border-color: var(--bs-gray-400);\n$border-hover: var(--border-hover);\n$border-focus-active: var(--bs-gray-700);\n\n$small-font-size: 0.75rem; // approximately 12px\n$font-size-base: 0.875rem; // approximately 14px\n$h5-font-size: 1rem; // approximately 16px\n\n// custom breakpoints\n$screen-mail-md: 640px;\n\n$screen-method-one: 700px;\n$screen-method-two: 720px;\n\n$container-max-widths: (\n sm: 540px,\n md: 750px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px,\n);\n\n$grid-gutter-width: 30px;\n\n// bootstrap 5 upgrade\n\n$enable-caret: false;\n$enable-negative-margins: true;\n\n$link-hover-color: $green-700;\n// Pagination\n$pagination-active-color: var(--bs-white);\n$pagination-active-bg: var(--bs-primary);\n$pagination-active-border-color: var(--bs-primary);\n$pagination-color: var(--bs-primary);\n\n// hr\n$hr-opacity: 1;\n$hr-color: #eee; // keep as was before migration\n\n// Nav items\n$nav-link-color: var(--bs-primary);\n$nav-link-hover-color: $green-700;\n$nav-pills-link-active-bg: #d3d3d3; // color on info panel but not present on current grays\n$nav-pills-link-active-color: $green-700;\n$nav-pills-border-radius: 0 4px 4px 0;\n\n// Nav bar\n$navbar-light-toggler-border-color: none;\n$navbar-toggler-focus-width: 0;\n\n// // Modals\n$modal-xl: 1240px;\n$modal-lg: 900px;\n$modal-md: 640px;\n$modal-sm: 500px;\n$modal-xs: 350px;\n\n// Buttons\n$btn-link-color: var(--bs-primary);\n$btn-link-hover-color: $green-900;\n$btn-white-space: nowrap;\n$btn-focus-box-shadow: none;\n$btn-border-radius: 0.5rem;\n\n// Button - small\n$btn-border-radius-sm: $btn-border-radius;\n$btn-font-size-sm: 0.875rem;\n$btn-padding-y-sm: 0.155rem; // make it 28px height with 14px font size\n\n// Button - medium\n$btn-font-size: 0.875rem;\n\n// Buttom - large\n$btn-border-radius-lg: $btn-border-radius;\n$btn-font-size-lg: 1rem;\n\n// Forms\n$form-label-font-weight: bold;\n$form-label-font-weight: 500;\n$form-label-font-size: 0.875rem;\n$form-label-color: $black;\n$form-text-color: $gray-800;\n$form-check-input-border: 1px solid rgba($gray-400, 1);\n$form-label-margin-bottom: var(--space-label-input);\n$input-focus-box-shadow: var(--sl-input-focus-box-shadow);\n$form-select-focus-box-shadow: $input-focus-box-shadow;\n$input-focus-border-color: $gray-700;\n$input-placeholder-color: $gray-700;\n$input-btn-focus-color: color.adjust($input-focus-border-color, $alpha: -0.25);\n$input-bg: var(--bs-input-bg-color);\n$input-border-color: var(--bs-gray-400);\n$input-border-radius: 0.5rem;\n\n// Forms - small\n$input-font-size-sm: 0.875rem;\n$input-border-radius-sm: $input-border-radius;\n$input-padding-y-sm: 0.155rem; // 28px of height with font-size 14px;\n\n// Forms - medium\n$input-font-size: 0.875rem;\n\n// Forms - large\n$input-font-size-lg: 1rem;\n$input-border-radius-lg: $input-border-radius;\n\n// table\n$table-group-separator-color: #dddddd; // keep as it was\n\n// alert\n$alert-border-radius: 8px;\n$alert-border-width: 1px;\n\n// z-index\n$zindex-dropdown: 1060;\n\n// Shadows\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow:\n 0 12px 17px 0 var(--shadow-a15),\n 0 5px 22px 0 var(--shadow-a10),\n 0 7px 8px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-sm:\n 0 1px 1px 0 var(--shadow-a15),\n 0 2px 1px 0 var(--shadow-a10),\n 0 1px 3px 0 var(--shadow-a25);\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$box-shadow-lg:\n 0 24px 38px 0 var(--shadow-a25),\n 0 9px 46px 0 var(--shadow-a10),\n 0 11px 15px 0 var(--shadow-a15);\n\n.btn {\n --bs-btn-font-weight: 500;\n}\n\n.dropdown-menu {\n --bs-dropdown-min-width: 200px;\n --bs-dropdown-color: var(--bs-gray-800);\n --bs-dropdown-border-color: var(--bs-gray-400);\n --bs-dropdown-link-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-color: var(--bs-gray-800);\n --bs-dropdown-link-hover-bg: var(--bg-light-hover);\n --bs-dropdown-link-active-color: var(--bs-gray-800);\n --bs-dropdown-link-active-bg: var(--bg-light-hover);\n --bs-dropdown-link-disabled-color: #a3a4a9;
1\n --bs-dropdown-box-shadow: #{$box-shadow};\n --bs-dropdown-divider-bg: var(--bs-border-color);\n // Setting --bs-dropdown-box-shadow should be enough but it's not.\n // Must be a bug in Bootstrap so the following line can be removed once it's fixed.\n box-shadow: $box-shadow;\n}\n\n.library .navbar .navbar-nav {\n --bs-navbar-nav-link-padding-x: 1rem;\n --bs-nav-link-padding-y: 0.25rem;\n}\n\n// Spacers\n$custom-spacers: (\n // We're not removing bootstrap's helpers, this means that the library wordpress header should work out of the box as we didn't override them there\n // We should think carefully about adding values here. If needed in only a few places, add it on spacings.scss instead\n // Our spacers\n s1: var(--space-1),\n s2: var(--space-2),\n s4: var(--space-4),\n s8: var(--space-8),\n s12: var(--space-12),\n s16: var(--space-16),\n s24: var(--space-24),\n s32: var(--space-32),\n s40: var(--space-40),\n s48: var(--space-48),\n s64: var(--space-64),\n // s72: var(--space-72), // Not added because usage is not enogh, single class added on spacings file\n // s80: var(--space-80), // Not added because usage is not enough. single class added on spacings file\n);\n\n$custom-negative-spacers: (\n ns1: calc(-1 * var(--space-1)),\n ns2: calc(-1 * var(--space-2)),\n ns4: calc(-1 * var(--space-4)),\n ns8: calc(-1 * var(--space-8)),\n ns12: calc(-1 * var(--space-12)),\n ns16: calc(-1 * var(--space-16)),\n ns24: calc(-1 * var(--space-24)),\n);\n\n// Tooltip\n$tooltip-opacity: 1;\n\n// Offcanvas\n$offcanvas-padding-y: 32px;\n$offcanvas-padding-x: 20px;\n$offcanvas-horizontal-width: 320px;\n\n// Accordion\n$accordion-button-active-bg: $white;\n$accordion-button-active-color: $carbon;\n$accordion-border-color: $gray-400;\n$accordion-padding-y: 8px;\n$accordion-padding-x: 0;\n$accordion-body-padding-y: 12px;\n$accordion-button-focus-box-shadow: none !important;\n$accordion-icon-width: 14px;\n\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/variables-dark';\n$spacers: map.merge($spacers, $custom-spacers);\n$negative-spacers: $custom-negative-spacers;\n$theme-colors: map.merge($theme-colors, $custom-colors);\n\n// Override Bootstrap variables that depend on another variable\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$header-font-family:\n 'Fira Sans',\n #{$font-family-sans-serif};\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$font-family-base:\n 'Inter',\n #{$font-family-sans-serif};\n@import '~bootstrap/scss/maps';\n","@use 'stylesheets/vendors/bootstrap/bootstrap_baseline.scss' as *; @use 'stylesheets/variables.css.scss' as *;.container {\n max-width: 504px;\n}\n\n.nameInput {\n line-height: 26px;\n}\n"],sourceRoot:""}]);var t="rk1V3MxoLl",l="tOqgcUzgTS";e.Ay=i},50242:function(n,e,a){"use strict";var r=a(33605),o=a(17121),s=a(29952),i=a(12438),t=a.n(i),l=a(33142),d=a(67030),p=a(58968),b=a(78508),c=a(30395),$=a.n(c);e.A=({addedCollaborators:n,onChange:e=()=>{},selectedUsers:a=[],onRoleSelect:i=()=>{},role:c,itemType:g,isInvalid:u=!1,showRoleSelector:m=!1,size:A,inputClassName:x,placeholder:h,className:f,autoFocus:v=!0,defaultInputValue:w})=>{const[y,k]=(0,o.useState)([]),[C,j]=(0,o.useState)(!1),E=(0,o.useRef)(null!=w?w:""),[N,B]=(0,o.useState)(l.A.isEmailValid(null!=w?w:"")),{formatMessage:O}=(0,d.tz)(),D=(0,o.useCallback)((e=>{j(!0);const a=new Set,r=new Set;n.forEach((n=>{"user"in n&&n.user&&a.add(n.user.id),"invitation"in n&&n.invitation&&r.add(n.invitation.recipientEmail)})),(0,b.EiX)({q:e,includeInvitations:!0}).then((({users:n,invitations:e})=>{if(!n&&!e)return;const o=n.filter((n=>!a.has(n.id))).concat(e.filter((n=>{var e;return!r.has(null==(e=n.invitation)?void 0:e.recipientEmail)})));k(o),j(!1),z(o)}))}),[a,n]);const z=e=>{const r=l.A.isEmailValid(E.current),o=E.current.toLocaleLowerCase(),s=a.concat(n);if(r){const n=s.find((n=>{const e=t()(n,"user.email")||t()(n,"invitation.recipientEmail")||t()(n,"fullName");return o===(null==e?void 0:e.toLocaleLowerCase())}));B(!n&&0===e.length)}},I=!C&&(y.length>0||l.A.isEmailValid(E.current));return(0,r.jsxs)("div",{className:"new",children:[(0,r.jsx)(s.EX,{autoFocus:v,multiple:!0,flip:!0,isInvalid:u,open:I,isLoading:C,allowNew:N,highlightOnlyResult:!N,onInputChange:n=>{j(!0),n.length<=1&&k([]),E.current=n},delay:450,className:$()("editable-input p-0",f),newSelectionPrefix:O({id:"invitation.session_lab"}),options:y,selected:a,onSearch:D,onChange:function(n){k([]),E.current="",B(!1),e(n)},filterBy:()=>!0,labelKey:n=>"string"===typeof n?n:"fullName"in n?n.fullName:"customOption"in n&&n.customOption?n.label:n.invitation.recipientEmail,id:"search-by-name-or-email",useCache:!1,emptyLabel:(0,r.jsx)(d.sA,{id:"share_dialog.already_invited"}),size:A,inputProps:{className:x,autoComplete:"new-password"},placeholder:h,defaultInputValue:w}),m&&(0,r.jsx)(p.A,{itemType:g,showRemove:!1,id:"global-role-switcher",selectedRole:c,change:i})]})}},58968:function(n,e,a){"use strict";
1var r=a(33605),o=a(17121),s=a(82863),i=a(67030),t=a(52887),l=a(74825);e.A=({isActionDisabled:n,itemType:e=t.w$.session,id:a,selectedRole:d,showRemove:p=!0,change:b,style:c="outline-secondary",remove:$,onlyAllowRemoving:g})=>{const u=t.oP[e],m=`${e.toLowerCase()}_roles`;return(0,r.jsx)(o.Fragment,{children:n?(0,r.jsxs)("span",{className:"-with-icon role-fake-btn",children:[(0,r.jsx)("i",{className:u.icons[d]}),(0,r.jsx)("span",{className:"d-none d-md-inline",children:(0,r.jsx)(i.sA,{id:`${m}.${u.keys[d]}`})})]}):(0,r.jsxs)(s.A,{id:`switch-role-${a}`,className:"d-inline-block",align:"end",children:[(0,r.jsxs)(s.A.Toggle,{className:"-with-icon",variant:c,children:[(0,r.jsx)("i",{className:u.icons[d]}),(0,r.jsx)("span",{className:"d-none d-md-inline",children:(0,r.jsx)(i.sA,{id:`${m}.${u.keys[d]}`})}),(0,r.jsx)("i",{className:"ms-s4 fa-solid fa-angle-down"})]}),(0,r.jsxs)(l.r,{className:"super-colors",children:[g?null:(0,r.jsxs)(s.A.Item,{eventKey:"1",onClick:()=>b(u.toChange[d]),className:"-with-icon",children:[(0,r.jsx)("i",{className:u.icons[u.toChange[d]]}),(0,r.jsx)(i.sA,{id:`${m}.${u.keys[u.toChange[d]]}`,children:n=>(0,r.jsx)(i.sA,{id:"share_dialog.change_role",values:{role:n}})})]}),!g&&p&&(0,r.jsx)(s.A.Divider,{}),p&&(0,r.jsxs)(s.A.Item,{eventKey:"d",onClick:()=>$&&$(),className:"-with-icon",children:[(0,r.jsx)("i",{className:"fa fa-remove"}),(0,r.jsx)(i.sA,{id:"share_dialog.remove_collaboration"})]})]})]})})}},48728:function(n,e,a){"use strict";var r=a(33605),o=a(17121),s=a(62760),i=Object.defineProperty,t=Object.defineProperties,l=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,p=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,c=(n,e,a)=>e in n?i(n,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[e]=a;e.A=(0,o.memo)((n=>{var e,a=n,{placeholder:o,children:i,value:$}=a,g=((n,e)=>{var a={};for(var r in n)p.call(n,r)&&e.indexOf(r)<0&&(a[r]=n[r]);if(null!=n&&d)for(var r of d(n))e.indexOf(r)<0&&b.call(n,r)&&(a[r]=n[r]);return a})(a,["placeholder","children","value"]);return(0,r.jsxs)(s.A,(e=((n,e)=>{for(var a in e||(e={}))p.call(e,a)&&c(n,a,e[a]);if(d)for(var a of d(e))b.call(e,a)&&c(n,a,e[a]);return n})({value:$,"data-is-placeholder":""===$},g),t(e,l({children:[o?(0,r.jsx)("option",{hidden:!0,value:"",children:o},"placeholder"):null,i]}))))}))},68454:function(n,e,a){"use strict";a.d(e,{A:function(){return s}});var r=a(33605),o=a(17121);const s=({disabled:n=!1})=>{const e=(0,o.useRef)(null);return(0,o.useLayoutEffect)((()=>{var a;n||null==(a=e.current)||a.scrollIntoView({behavior:"smooth"})}),[n]),(0,r.jsx)("div",{ref:e})}},3963:function(n,e,a){"use strict";a.r(e),a.d(e,{default:function(){return Qn}});var r=a(33605),o=a(17121),s=a(12943),i=a(85133),t=a(69255),l=a(72334),d=a.n(l),p=a(32391),b=a.n(p),c=a(28365),$=a.n(c),g=a(9310),u=a.n(g),m=a(66362),A=a.n(m),x=a(6303),h=a.n(x),f=a(61376),v={};v.styleTagTransform=h(),v.setAttributes=u(),v.insert=$().bind(null,"head"),v.domAPI=b(),v.insertStyleElement=A();d()(f.Ay,v),f.Ay&&f.Ay.locals&&f.Ay.locals;var w=a(30395),y=a.n(w),k=a(67030),C=a(97416),j={};j.styleTagTransform=h(),j.setAttributes=u(),j.insert=$().bind(null,"head"),j.domAPI=b(),j.insertStyleElement=A();d()(C.Ay,j),C.Ay&&C.Ay.locals&&C.Ay.locals;var E=a(16463),N=a(64909),B=a(374);const O=(0,o.forwardRef)((({children:n,className:e,mainClassName:a,containerClassName:o,percentage:s},i)=>{const{formatMessage:t}=(0,k.tz)();return(0,r.jsxs)("div",{ref:i,className:y()(C.kL,"px-s24 pb-s24 px-lg-s32 pb-lg-s32 overflow-auto",e),children:[(0,r.jsxs)("header",{className:"position-sticky top-0 bg-white mt-s24 mt-lg-s32",children:[(0,r.jsx)("img",{alt:t({id:"onboarding.logo_alt"}),src:E}),isNaN(s)?null:(0,r.jsx)("div",{className:y()("bg-green-100 rounded position-absolute start-50 top-50 translate-middle overflow-hidden",C.L$),children:(0,r.jsx)("div",{style:{width:`${s}%`},className:y()("bg-primary h-100",C.qB)})})]}),(0,r.jsx)("main",{className:y()(C.iW,a),children:(0,r.jsx)("div",{className:o,children:n})}),(0,r.jsx)("img",{alt:t({id:"onboarding.circle_blue"}),src:N,className:y()(C.aG,"z-n1")}),(0,r.jsx)("img",{alt:t({id:"onboarding.circle_green"}),src:B,className:y()(C.L4,"z-n1")})]})}));O.displayName="CenteredLayout";var D=O,z=a(40465),I={};I.styleTagTransform=h(),I.setAttributes=u(),I.insert=$().bind(null,"head"),I.domAPI=b(),I.insertStyleElement=A();d()(z.Ay,I),z.Ay&&z.Ay.locals&&z.Ay.locals;var _=a(2846),F=Object.defineProperty,S=Object.defineProperties,G=Object.getOwnPropertyDescriptors,R=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable,P=(n,e,a)=>e in n?F(n,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[e]=a;const q=(0,o.forwardRef)(((n,e)=>{var a,o,s=n,{children:i,isLoading:t,className:l,disabled:d,variant:p="primary",showIcon:b=!0}=s,c=((n,e)=>{var a={};for(var r in n)L.call(n,r)&&e.indexOf(r)<0&&(a[r]=n[r]);if(null!=n&&R)for(var r of R(n))e.indexOf(r)<0&&M.call(n,r)&&(a[r]=n[r]);return a})(s,["children","isLoading","className","disabled","variant","showIcon"]);return(0,r.jsxs)(_.A,(a=((n,e)=>{for(var a in e||(e={}))L.call(e,a)&&P(n,a,e[a]);if(R)for(var a of R(e))M.call(e,a)&&P(n,a,e[a]);return n})({variant:p,className:y()(z.x6,"py-s8 py-md-s16 px-md-s24 fs-5 fs-md-20",l),disabled:d||t,ref:e},c),o={children:[i||(0,r.jsx)(k.sA,{id:"onboarding.next"}),b?(0,r.jsx)("span",{className:"ms-s16",children:t?(0,r.jsx)("i",{className:"fa-regular fa-spinner fa-spin"}):(0,r.jsx)("i",{className:"fa-regular fa-arrow-right"})}):null]},S(a,G(o))))}));q.displayName="NextButton";var Y=q,T=a(38077),U=a(78508),W=a(86925),V=a(28297),K=a(83787),H=a(26868),J=a(48728),Q=a(10243),Z=a.n(Q),X=a(1778),nn=a.n(X),en=a(21404),an=a(68454),rn=a(20671),on=a.n(rn),sn=a(71685),tn=a(43184),ln=a(21895);const dn=n=>
1{switch(n){case"design_for_others":return{url:"https://calendly.com/sessionlab/onboarding",skippable:!0};case"manage_facilitation":return{url:"https://calendly.com/sessionlab/sessionlab-facilitation-mgmt-demo",skippable:!0};default:return null}},pn="https://assets.calendly.com/assets/external/widget.js",bn=n=>{return e=null,a=[n],r=function*({team:n,signupAction:e,signupMethodId:a,signupTemplateId:r,sessionName:o,onError:s,navigate:t,shouldShowTemplatePicker:l,isCollaboratorsStep:d,isCalendlyStep:p,intent:b}){const c="use"===e&&!(!a&&!r);if(n&&!(0,ln._b)(n.permissions.canAddSession))window.location.href=`/teams/${n.handler}`;else if(t&&n&&n.isOwner&&!d&&!p)dn(b)?t(i.x5.calendly,{state:{intent:b}}):t(i.x5.collaborators);else if(n&&l)t?t(i.C2.onboarding):window.location.pathname=i.C2.onboarding;else if(n)try{const a=yield(0,U.RLv)({context:c?"first_session":"onboarding",name:o,teamId:n.id,pickedTemplateId:"use"!==e?r:void 0});window.location.pathname=`/sessions/${a.id}`}catch($){(0,U.ryW)($,{message:"Creating first session with library method"}),s&&s()}else(0,U.ryW)(new Error("No team found")),window.location.pathname="/"},new Promise(((n,o)=>{var s=n=>{try{t(r.next(n))}catch(e){o(e)}},i=n=>{try{t(r.throw(n))}catch(e){o(e)}},t=e=>e.done?n(e.value):Promise.resolve(e.value).then(s,i);t((r=r.apply(e,a)).next())}));var e,a,r};var cn=a(54524),$n=a(52887),gn=a(17477),un=a(46398),mn=a(70400),An=Object.defineProperty,xn=Object.defineProperties,hn=Object.getOwnPropertyDescriptors,fn=Object.getOwnPropertySymbols,vn=Object.prototype.hasOwnProperty,wn=Object.prototype.propertyIsEnumerable,yn=(n,e,a)=>e in n?An(n,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[e]=a,kn=(n,e)=>{for(var a in e||(e={}))vn.call(e,a)&&yn(n,a,e[a]);if(fn)for(var a of fn(e))wn.call(e,a)&&yn(n,a,e[a]);return n},Cn=(n,e)=>xn(n,hn(e));const jn="other",En=(n,e)=>e.map((e=>{const{value:a,labelId:o}="string"===typeof e?{value:e}:e;return{label:(0,r.jsx)(k.sA,{id:null!=o?o:`${n}.${a}`}),value:a}})),Nn=[{label:"onboarding.work_type.label",input:{Component:H.A,name:"workType",options:[...Z()(["leadership_development","workshops","meetings","live_training","elearning","events"]),jn].map((n=>({label:(0,r.jsx)(k.sA,{id:`onboarding.work_type.${n}`}),value:n}))),size:"xl"},shouldShowOtherInput:n=>n===jn},{label:"onboarding.intent_question",input:{Component:H.A,options:En("onboarding.intent",["design_own_sessions","design_for_others","manage_facilitation"]),name:"intent",size:"xl"}},{label:"onboarding.facilitators.label",input:{Component:H.A,name:"facilitatorCount",options:En("onboarding.facilitators",["just_me","two_to_five","six_to_twenty","twentyone_to_fifty","fiftyplus"]),size:"xl"}},{label:"onboarding.company_question",input:{Component:J.A,size:"lg",placeholder:(0,r.jsx)(k.sA,{id:"onboarding.choose_option"}),name:"companySize",className:y()("px-s24 text-l-regular border rounded-1"),children:["one","two_ten","eleven_fifty","fiftyone_twohundredfifty","twohundredfiftyone_onethousand","onethoursand_fivethousand","more_than_fivethousand"].map((n=>(0,r.jsx)("option",{value:n,children:(0,r.jsx)(k.sA,{id:`onboarding.company.size.${n}`})},n)))}},{label:"onboarding.company.role.question",input:{Component:H.A,name:"role",options:["executive","department_lead","team_manager","team_member","contractor_freelancer"].map((n=>({label:(0,r.jsx)(k.sA,{id:`onboarding.company.role.${n}`}),value:n}))),size:"xl"}},{label:"onboarding.hear_question.label",input:{Component:J.A,size:"lg",placeholder:(0,r.jsx)(k.sA,{id:"onboarding.choose_option"}),name:"hearFrom",className:y()("px-s24 text-l-regular border rounded-1"),children:[...Z()(["search","word_of_mouth","event","social","ad","ai_tool"]),jn].map((n=>(0,r.jsx)("option",{value:n,children:(0,r.jsx)(k.sA,{id:`onboarding.hear_question.${n}`})},n)))},shouldShowOtherInput:n=>n===jn}],Bn="workspaceName",On="canRequestAccess",Dn=(n="")=>`${jn}${nn()(n)}`;var zn=(0,W.PA)((({userHasPublicEmailProvider:n,signupAction:e,signupMethodId:a,signupTemplateId:i})=>{var t;const l=(0,o.useRef)(null),[d,p]=(0,o.useState)({}),{loadingStatus:b,runRequest:c}=(0,sn.A)((n=>(0,U.r1A)(n))),[$,g]=(0,o.useState)(!1),{currentUser:u,appState:{currentTeam:m},lang:{intl:A}}=(0,K.Ay)(),x=(0,o.useRef)(null),h=(0,s.Zp)(),v=(0,cn.cd)(),[w,C]=(0,o.useState)((null==m?void 0:m.isOwner)?0:1),[j,E]=(0,o.useState)(!1),[N]=(0,gn.A)(),{isMobileOnly:B}
1=(0,un.A)(),O=(0,o.useRef)(null!=(t=(null==m?void 0:m.isOwner)?Bn:Nn[0].input.name)?t:null),z=(0,o.useRef)([]),I=(0,o.useCallback)((()=>{if(!l.current)return{};const n=new FormData(l.current);return Object.fromEntries(n.entries())}),[l]),_=Nn.filter((n=>!n.shouldSkipQuestion||!n.shouldSkipQuestion(d))),F=!!(null==m?void 0:m.isOwner)&&!d[Bn],S=(0,o.useCallback)((n=>{const e=I();C((a=>{var r,o;if(a>0&&n===Bn)return a;if(n&&(n===On||e[n]===jn))return a;let s=a;const i=_.slice(0,a),t=_.slice(0,a).filter((n=>!n.shouldSkipQuestion||!n.shouldSkipQuestion(e))),l=_.findIndex((e=>[e.input.name,Dn(e.input.name)].includes(n)));if(t.length<i.length){if(s=a-(i.length-t.length)+1,z.current.length){const n=i.filter((n=>!t.find((e=>e===n))));z.current=z.current.filter((e=>!n.find((n=>n.input.name===e))))}}else if(n){if(0===a||l===a-1){const n=Object.keys(e).filter((n=>!n.startsWith(jn)&&n!==On&&!z.current.includes(n))).length+z.current.length;s=(null==m?void 0:m.isOwner)?n:n+1}}else s=a+1,z.current.push(null!=(r=O.current)?r:"");s>=_.length&&N((()=>{E(!0)}),2e3);const d=_.slice(s-1).find((n=>!n.shouldSkipQuestion||!n.shouldSkipQuestion(e)));return O.current=null!=(o=null==d?void 0:d.input.name)?o:null,s}))}),[C,I,_,N,null==m?void 0:m.isOwner,O]),G=(0,o.useCallback)((n=>{if(l.current){const e=I(),a=n.target.name;a&&(S(a),p(e),"intent"===a&&(null==m?void 0:m.isOwner)&&dn(e.intent)&&v(pn),mn.Ay.track(mn.qW.onboardingData,Cn(kn({},e),{step:w,inputChanged:a,lastInputShown:O.current})))}}),[p,I,S,w,null==m?void 0:m.isOwner,v]),R=(0,o.useMemo)((()=>on()(G,100,{leading:!1})),[G]),L=_.length+((null==m?void 0:m.isOwner)?2:1),M=(Math.min(w,_.length)+((null==m?void 0:m.isOwner)?1:0))/L*100;return(0,r.jsx)(D,{className:"h-100",mainClassName:"d-flex flex-column",containerClassName:"align-self-stretch mh-100",percentage:M,ref:x,children:(0,r.jsxs)(T.A,{className:y()(f.kL,"mx-auto d-flex flex-column pb-s64"),onSubmit:n=>{return r=null,o=null,s=function*(){if(n.preventDefault(),j&&!F){g(!0);const n=I();yield c(Cn(kn({},n),{step:w})),Object.keys(n).forEach((e=>{const a=((n="")=>`picked${nn()(n)}`)(e);a in mn.qW&&n[e]&&mn.Ay.track(mn.qW[a],{[e]:n[e]})})),bn({team:m,navigate:h,signupAction:e,signupMethodId:a,signupTemplateId:i,sessionName:A.formatMessage({id:$n.fF}),intent:n.intent,shouldShowTemplatePicker:!a&&!i})}else S()},new Promise(((e,a)=>{var i=e=>{try{l(s.next(e))}catch(n){a(n)}},t=e=>{try{l(s.throw(e))}catch(n){a(n)}},l=n=>n.done?e(n.value):Promise.resolve(n.value).then(i,t);l((s=s.apply(r,o)).next())}));var r,o,s},onChange:R,ref:l,children:[(0,r.jsx)("h1",{className:"text-3xl-bold",children:(0,r.jsx)(k.sA,{id:(null==m?void 0:m.isOwner)?"onboarding.workspace.title":"onboarding.workspace.invited_title",values:{name:null==m?void 0:m.name}})}),(null==m?void 0:m.isOwner)?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(T.A.Label,{htmlFor:Bn,className:"mt-s24 text-l-medium",children:(0,r.jsx)(k.sA,{id:"onboarding.workspace.label"})}),(0,r.jsx)("div",{className:"w-100",children:(0,r.jsx)(V.A,{id:Bn,className:y()(f.K3,"py-s16 px-s24 text-l-regular"),useNewDesignSystem:!0,size:"lg",placeholder:"onboarding.workspace.placeholder",placeholderValues:{name:u.name},name:Bn})}),n?null:(0,r.jsx)("div",{className:"w-100 mt-s12",children:(0,r.jsx)(T.A.Check,{id:"can-request-access-workspace",name:On,label:(0,r.jsx)(k.sA,{id:"onboarding.workspace.request",values:{domain:u.domain}})})})]}):null,_.map(((n,e)=>{var a=n,{label:s,input:i}=a,t=i,{Component:l,name:p}=t,b=((n,e)=>{var a={};for(var r in n)vn.call(n,r)&&e.indexOf(r)<0&&(a[r]=n[r]);if(null!=n&&fn)for(var r of fn(n))e.indexOf(r)<0&&wn.call(n,r)&&(a[r]=n[r]);return a})(t,["Component","name"]),{shouldShowOtherInput:c,shouldSkipQuestion:$}=a;const g=e<w&&(!$||!$(d)),u=Dn(p);return(0,r.jsxs)(o.Fragment,{children:[(0,r.jsx)(en.A,{mountOnEnter:!0,unmountOnExit:!0,in:g,children:(0,r.jsxs)("div",{children:[(0,r.jsx)(T.A.Label,{id:`label-${p}`,htmlFor:p,className:"text-l-medium mt-s48",children:(0,r.jsx)(k.sA,{id:s})}),(0,r.jsx)(l,kn({id:p,name:p},b)),(0,r.jsx)(an.A,{disabled:0===e&&B})]})}),(0,r.jsx)(en.A,{mountOnEnter:!0,unmountOnExit:!0,in:!!(g&&p&&c&&c(d[p])),children:(0,r.jsxs)("div",{children:[(0,r.jsx)(T.A.Label,{className:"text-l-medium mt
1-s48",htmlFor:u,children:(0,r.jsx)(k.sA,{id:"onboarding.work_type.specify"})}),(0,r.jsx)(V.A,{id:u,className:"py-s16 px-s24 text-l-regular",useNewDesignSystem:!0,size:"lg",name:u,placeholder:""}),(0,r.jsx)(an.A,{disabled:0===e&&B})]})})]},`${s}-${e}`)})),(0,r.jsxs)("div",{className:"d-flex flex-wrap mt-s48 ms-md-auto gap-button-button",children:[w>0&&w<_.length?(0,r.jsx)(Y,{showIcon:!1,variant:"secondary",onClick:()=>{S(),mn.Ay.track(mn.qW.onboardingStepSkipped,{step:w,lastInputShown:O.current})},children:(0,r.jsx)(k.sA,{id:"onboarding.skip_this"})}):null,j?(0,r.jsx)(en.A,{in:!0,mountOnEnter:!0,appear:!0,children:(0,r.jsx)(Y,{disabled:F,type:"submit",isLoading:$&&b===tn.r.Loading})}):null]})]})})})),In=a(97485),_n=a(48944),Fn={};Fn.styleTagTransform=h(),Fn.setAttributes=u(),Fn.insert=$().bind(null,"head"),Fn.domAPI=b(),Fn.insertStyleElement=A();d()(_n.Ay,Fn),_n.Ay&&_n.Ay.locals&&_n.Ay.locals;var Sn=({teamsDetails:n,requestList:e,requestAccessToTeam:a})=>(0,r.jsx)("div",{className:_n.kL,children:n.map((n=>(0,r.jsxs)("div",{className:`d-flex justify-content-between border rounded rounded-3 align-items-center py-s16 px-s24 mw-100 ${_n.Ds}`,children:[(0,r.jsxs)("div",{className:"text-l-medium",children:[(0,r.jsx)("i",{className:"fa-regular fa-users me-s8"}),n.name]}),(0,r.jsx)(In.A,{onClick:()=>a(n.id),disabled:e.includes(n.id),className:"btn btn-primary",children:e.includes(n.id)?(0,r.jsx)(k.sA,{id:"onboarding.collaboration.requested"}):(0,r.jsx)(k.sA,{id:"onboarding.collaboration.request"})})]},n.id)))}),Gn=a(28092),Rn=a(70024),Ln={};Ln.styleTagTransform=h(),Ln.setAttributes=u(),Ln.insert=$().bind(null,"head"),Ln.domAPI=b(),Ln.insertStyleElement=A();d()(Rn.Ay,Ln),Rn.Ay&&Rn.Ay.locals&&Rn.Ay.locals;var Mn=({onboardingPossibleCollaborations:n})=>{const[e,a]=(0,o.useState)([]),{teamStore:i}=(0,K.Ay)(),t=(0,s.Zp)();if((0,o.useEffect)((()=>{i.entries.forEach((n=>{n.isOwner&&n.fetchDetails().catch(U.ryW)}))}),[i.entries]),!((l=n)&&l.length>0))return(0,r.jsx)(s.C5,{to:"/signup/workspace"});var l;const d=()=>{t("/signup/workspace")};return(0,r.jsx)(D,{className:"h-100",mainClassName:"d-flex",containerClassName:`align-self-center mh-100 ${Rn.kL}`,children:(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"fs-32 fw-bold",children:(0,r.jsx)(k.sA,{id:"onboarding.collaboration.title"})}),(0,r.jsx)("p",{className:"mt-s16 mb-s48 fs-4",children:(0,r.jsx)(k.sA,{id:"onboarding.collaboration.subtitle"})}),(0,r.jsx)(Sn,{teamsDetails:n,requestAccessToTeam:n=>(0,U.IpR)(n).then((({result:e})=>{e&&(a((e=>[...e,n])),mn.Ay.track(mn.qW.requestCollaboration))})).catch((n=>{(0,U.ryW)(n,{message:"Requesting collaboration with team"})})),requestList:e}),e.length?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(Gn.A,{className:"mt-s12 text-l-regular mw-100",icon:"fa-regular fa-check",panelColour:"green",children:[(0,r.jsx)("span",{className:"mb-s4 text-l-medium d-block",children:(0,r.jsx)(k.sA,{id:"onboarding.collaboration.hint_title"})}),(0,r.jsx)(k.sA,{id:"onboarding.collaboration.hint_desc"})]}),(0,r.jsx)(Y,{className:"mt-s48 d-block ms-auto",onClick:d})]}):(0,r.jsx)(_.A,{className:"mt-s12 w-100",variant:"outline-secondary",onClick:d,children:(0,r.jsx)(k.sA,{id:"onboarding.collaboration.create_new"})})]})})},Pn=a(11384),qn={};qn.styleTagTransform=h(),qn.setAttributes=u(),qn.insert=$().bind(null,"head"),qn.domAPI=b(),qn.insertStyleElement=A();d()(Pn.Ay,qn),Pn.Ay&&Pn.Ay.locals&&Pn.Ay.locals;var Yn=a(50242),Tn=a(18777),Un=a(28344),Wn=a(50086),Vn=(n,e,a)=>new Promise(((r,o)=>{var s=n=>{try{t(a.next(n))}catch(e){o(e)}},i=n=>{try{t(a.throw(n))}catch(e){o(e)}},t=n=>n.done?r(n.value):Promise.resolve(n.value).then(s,i);t((a=a.apply(n,e)).next())}));var Kn=(0,W.PA)((({signupAction:n,signupMethodId:e,signupTemplateId:a})=>{const i=(0,o.useRef)(null),[t,l]=(0,o.useState)([]),d=(0,Tn.A)(),{currentUser:p,appState:{currentTeam:b},teamStore:c}=(0,K.Ay)(),{formatMessage:$}=(0,k.tz)(),g=(0,o.useRef)(null),u=(0,k.tz)(),m=(0,s.Zp)(),[A,x]=(0,o.useState)(!1);(0,o.useEffect)((()=>{c.entries.forEach((n=>{n.isOwner&&!n.invitationLink&&n.fetchDetails().catch(U.ryW)}))}),[c.entries]);const h=!e&&!a;return(0,r.jsx)(D,{className:"h-100",mainClassName:"d-flex flex-column",containerClassName:"align-self-stretch mh-100",percentage:100,ref:g,children:(0,r.jsxs)(T.A,{className:y()(Pn.kL,"mx-auto d-flex flex-column"),onSubmit:r=>Vn(null,null,(function*(){r.preventDefault();try{x(!0),yield Vn(null,null,(function*(){if(t.length>0){const e=t.map((n=>"customOption"in n&&n.customOption?{email:n.label}:{user_id:n.id}));try{const n=yield d();yield b.createBulkCollaborations({role:$n.kA.member,subject:$({id:"invitation.onboarding.subject"},{userName:p.fullName}),message:$({id:"invitation.onboarding.message"},{userName:p.fullName,teamName:null==b?void 0:b.name}),token:n,collaborations:e},{addedInOnboarding:!0})}catch(n){(0,U.ryW)(n,{message:"Inviting users on onboarding"})}}})),bn({team:b,navigate:m,signupAction:n,signupMethodId:e,signupTemplateId:a,sessionName:u.formatMessage({id:$n.fF}),shouldShowTemplatePicker:h,isCollaboratorsStep:!0})}catch(o){(0,U.ryW)(o)}})),ref:i,children:[(0,r.jsx)("h1",{className:"text-3xl-bold",children:(0,r.jsx)(k.sA,{id:"onboarding.collaborators.title"})}),(0,r.jsx)("div",{className:"mt-s16 text-l-regular mb-s48",children:(0,r.jsx)(k.sA,{id:"onboarding.collaborators.subtitle"})}
1),(0,r.jsx)("div",{className:"w-100 element-bounce-in mb-s48",style:{"--end-animation-height":"98px"},children:(0,r.jsxs)("div",{className:"element-bounce-in-height",children:[(0,r.jsx)("div",{className:"text-xl-medium mb-s8",children:(0,r.jsx)(k.sA,{id:"onboarding.workspace.invite"})}),(0,r.jsx)(Yn.A,{addedCollaborators:[],className:Pn.fE,onChange:n=>{l(n)},showRoleSelector:!1,selectedUsers:t,size:"lg",autoFocus:!1}),p.confirmed?null:(0,r.jsx)(T.A.Text,{children:(0,r.jsx)(k.sA,{id:"onboarding.collaborators.hint"})})]})}),(null==b?void 0:b.invitationLink)?(0,r.jsx)(Wn.A,{useNewLayout:!0,hasIcon:!0,type:$n.oA.info,iconClass:"fa-solid fa-link",children:(0,r.jsx)(Wn.u,{title:(0,r.jsx)(k.sA,{id:"onboarding.collaborators.link_title"}),description:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("p",{className:"mb-s4",children:(0,r.jsx)(k.sA,{id:"onboarding.collaborators.link_desc"})}),(0,r.jsx)(Un.A,{value:null==b?void 0:b.invitationUrl})]})})}):null,(0,r.jsx)("div",{className:"mt-s48 ms-md-auto",children:(0,r.jsx)(Y,{isLoading:A,type:"submit",children:(0,r.jsx)(k.sA,{id:"onboarding.finish"})})})]})})})),Hn=a(9093);var Jn=(0,W.PA)((({signupAction:n,signupMethodId:e,signupTemplateId:a,intent:i})=>{var t;const{currentUser:l,appState:{currentTeam:d},lang:{intl:p}}=(0,K.xC)(),b=(0,s.Zp)(),c=(0,s.zy)(),[$]=(0,gn.A)(),{showToast:g}=(0,Hn.A)(),{scriptLoaded:u}=(0,cn.RH)(pn),m=(0,o.useRef)(null),A=null==(t=c.state)?void 0:t.intent,x=dn(null!=A?A:i),h=x?`${x.url}?hide_gdpr_banner=1&hide_event_type_details=1&hide_landing_page_details=1&primary_color=09ba73`:void 0,f=(0,o.useCallback)((()=>{bn({team:d,navigate:b,signupAction:n,signupMethodId:e,signupTemplateId:a,sessionName:p.formatMessage({id:$n.fF}),shouldShowTemplatePicker:!e&&!a,isCalendlyStep:!0})}),[d,b,n,e,a,p]);return(0,o.useEffect)((()=>{x||f()}),[x,f]),(0,o.useEffect)((()=>{var n,e,a,r;if(!h||!u||!m.current)return;const o=m.current;o.innerHTML="",null==(r=null==(n=window.Calendly)?void 0:n.initInlineWidget)||r.call(n,{url:h,parentElement:o,prefill:{name:null!=(e=l.fullName)?e:l.name,email:null!=(a=l.email)?a:void 0}})}),[h,u,l.fullName,l.name,l.email]),(0,o.useEffect)((()=>{const n=n=>{var e;"https://calendly.com"===n.origin&&"calendly.event_scheduled"===(null==(e=n.data)?void 0:e.event)&&$((()=>{g({title:(0,r.jsx)(k.sA,{id:"onboarding.calendly.booked_toast"}),type:"success",dismissable:!0,dismissAutomatically:!0,duration:8e3}),f()}),250)};return window.addEventListener("message",n),()=>window.removeEventListener("message",n)}),[f,$,g]),x?(0,r.jsx)(D,{className:"h-100",mainClassName:"d-flex flex-column",containerClassName:"align-self-stretch mh-100",percentage:100,children:(0,r.jsxs)("div",{className:"mx-auto",style:{maxWidth:680},children:[(0,r.jsx)("h1",{className:"text-3xl-bold",children:(0,r.jsx)(k.sA,{id:"onboarding.calendly.title"})}),(0,r.jsx)("div",{className:"mt-s16 text-l-regular mb-s48",children:(0,r.jsx)(k.sA,{id:"onboarding.calendly.subtitle"})}),(0,r.jsx)("div",{ref:m,style:{minWidth:320,height:700},"data-testid":"calendly-widget"}),x.skippable?(0,r.jsx)("div",{className:"mt-s48 pb-s48 ms-md-auto",children:(0,r.jsx)(Y,{showIcon:!1,variant:"secondary",onClick:f,children:(0,r.jsx)(k.sA,{id:"onboarding.calendly.skip"})})}):null]})}):null}));var Qn=({onboardingPossibleCollaborations:n,userHasPublicEmailProvider:e,signupAction:a,signupMethodId:l,signupTemplateId:d,intent:p})=>((0,o.useEffect)((()=>{(0,t.GB)("sl-onboarding")}),[]),(0,r.jsxs)(s.BV,{children:[(0,r.jsx)(s.qh,{path:i.aB.collaboration,element:(0,r.jsx)(Mn,{onboardingPossibleCollaborations:n})}),(0,r.jsx)(s.qh,{path:i.aB.workspace,element:(0,r.jsx)(zn,{userHasPublicEmailProvider:e,signupAction:a,signupMethodId:l,signupTemplateId:d})}),(0,r.jsx)(s.qh,{path:i.aB.collaborators,element:(0,r.jsx)(Kn,{signupAction:a,signupMethodId:l,signupTemplateId:d})}),(0,r.jsx)(s.qh,{path:i.aB.calendly,element:(0,r.jsx)(Jn,{signupAction:a,signupMethodId:l,signupTemplateId:d,intent:p})})]}))},18777:function(n,e,a){"use strict";var r=a(52887),o=a(54524),s=a(78508);e.A=()=>{const{scriptLoaded:n}=(0,o.RH)(r.Gd);return()=>new Promise(((e,a)=>{n||a("Script not loaded"),window.grecaptcha.ready((function(){return n=this,r=null,o=function*(){try{const n=yield window.grecaptcha.execute("6LdQ3QgnAAAAAFjYfOlrMtsUjPNrk0YcTa3AgGU2",{action:"submit"});e(n)}catch(n){(0,s.ryW)(n,{message:"Getting grecaptcha token"}),a(n)}},new Promise(((e,a)=>{var s=n=>{try{t(o.next(n))}catch(e){a(e)}},i=n=>{try{t(o.throw(n))}catch(e){a(e)}},t=n=>n.done?e(n.value):Promise.resolve(n.value).then(s,i);t((o=o.apply(n,r)).next())}));var n,r,o}))}))}},67397:function(n,e,a){var r=a(63549),o=a(99884);n.exports=function(n){return o(r(n))}},80745:function(n){var e=Math.floor,a=Math.random;n.exports=function(n,r){return n+e(a()*(r-n+1))}},57277:function(n,e,a){var r=a(99884),o=a(85674);n.exports=function(n){return r(o(n))}},64116:function(n,e,a){var r=a(95862);n.exports=function(n,e){return r(e,(function(e){return n[e]}))}},99884:function(n,e,a){var r=a(80745);n.exports=function(n,e){var a=-1,o=n.length,s=o-1;for(e=void 0===e?o:e;++a<e;){var i=r(a,s),t=n[i];n[i]=n[a],n[a]=t}return n.length=e,n}},10243:function(n,e,a){var r=a(67397),o=a(57277),s=a(52619);n.exports=function(n){return(s(n)?r:o)(n)}},85674:function(n,e,a){var r=a(64116),o=a(92096);n.exports=function(n){return null==n?[]:r(n,o(n))}},16463:function(n,e,a){"use strict";n.exports=a.p+"images/logo_mark-6cbf9dd0811a29d0c687.svg"},64909:function(n,e,a){"use strict";n.exports=a.p+"images/onboarding_circle_blue-67446e400fb088db3bfb.svg"},374:function(n,e,a){"use strict";n.exports=a.p+"images/onboarding_circle_green-55c8d3ca3b7f4490d459.svg"}}]);
2//# sourceMappingURL=3963-2a588d2ec7ef05720387.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.