@orfeas126/box-ui-elements
Version:
Box UI Elements
1 lines • 32.3 kB
Source Map (JSON)
{"version":3,"file":"skills-sidebar.css","mappings":"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","sources":["webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/skills/transcript/EditingTranscriptRow.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/skills/transcript/TranscriptRow.scss","webpack://@orfeas126/box-ui-elements/./src/styles/_deprecated.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/skills/transcript/Transcript.scss","webpack://@orfeas126/box-ui-elements/./src/styles/constants/_layout.scss","webpack://@orfeas126/box-ui-elements/./src/styles/constants/_colors.scss","webpack://@orfeas126/box-ui-elements/./src/components/label-pill/LabelPill.scss","webpack://@orfeas126/box-ui-elements/./src/styles/constants/_typography.scss","webpack://@orfeas126/box-ui-elements/./src/components/badgeable/Badgeable.scss","webpack://@orfeas126/box-ui-elements/./src/components/badgeable/_mixins.scss","webpack://@orfeas126/box-ui-elements/./src/components/avatar/Avatar.scss","webpack://@orfeas126/box-ui-elements/./src/styles/mixins/_animation.scss","webpack://@orfeas126/box-ui-elements/./src/styles/constants/_animation.scss","webpack://@orfeas126/box-ui-elements/./src/components/pill-selector-dropdown/RoundPill.scss","webpack://@orfeas126/box-ui-elements/./src/components/pill-selector-dropdown/_mixins.scss","webpack://@orfeas126/box-ui-elements/./src/components/pill-selector-dropdown/SuggestedPillsRow.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/skills/keywords/EditableKeywords.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/skills/timeline/Timeslice.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/skills/timeline/Timeline.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/skills/keywords/ReadOnlyKeywords.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/skills/keywords/Keywords.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/skills/faces/Face.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/skills/faces/Faces.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/SkillsSidebar.scss"],"sourcesContent":["@import '../../../common/variables';\n\n.be-transcript {\n .be-transcript-buttons {\n margin-top: 5px;\n text-align: right;\n\n .btn {\n margin: 0 0 0 5px;\n }\n }\n\n .be-transcript-text textarea {\n width: 100%;\n resize: none;\n }\n\n .be-transcript-editing-row {\n background: $selected-blue-background;\n }\n}\n","@import '../../../common/variables';\n\n.be-transcript {\n .be-transcript-row,\n .btn-plain.be-transcript-row {\n display: flex;\n width: 100%;\n margin-bottom: 10px;\n overflow: visible;\n line-height: 20px;\n white-space: normal;\n text-align: left;\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n background: $selected-blue-background;\n }\n }\n\n .be-transcript-time {\n padding: 5px 20px 5px 5px;\n }\n\n .be-transcript-text {\n flex: 1;\n padding: 5px 5px 5px 0;\n }\n\n .be-transcript-content-collapsed {\n .be-transcript-text {\n padding-right: 10px;\n }\n }\n}\n","// DEPRECATED VALUES\n// DO NOT USE IN NEW CODE\n\n@import './constants/colors';\n\n// src/styles/_variables.scss\n$box-blue: $bdl-box-blue !default;\n$primary-color: $bdl-box-blue !default;\n$koray-ing: #2a62b9 !default;\n$picton-blue: #3392ec !default;\n$hover-blue-background: #f6fafd !default;\n$hover-blue-border: #d9e3e9 !default;\n$selected-blue-background: #ecf4fc !default;\n$selected-blue-border: #bfd4df !default;\n$bdl-secondary-blue: $bdl-dark-blue !default;\n$bdl-gray-62: #767676 !default;\n$bdl-neutral-01: $bdl-gray !default;\n$bdl-neutral-02: $bdl-gray-62 !default;\n$bdl-neutral-03: $bdl-gray-50 !default;\n$bdl-neutral-04: $bdl-gray-10 !default;\n$bdl-neutral-05: $bdl-gray-05 !default;\n$bdl-neutral-06: $bdl-gray-02 !default;\n$baby-blue: #bed4de !default;\n$blue-purple: #6d83ff !default;\n$hover-blue: #48b6f3 !default;\n$dusty-plum: #9b59b6 !default;\n$sad-sunjin: #72388f !default;\n$pale-mint: #eefbf5 !default;\n$thats-mint: $bdl-green-light !default;\n$shady-acres: #15aa61 !default;\n$wild-rice: #ede097 !default;\n$early-dawn: #fffbe5 !default;\n$lemon-meringue: #ffd522 !default;\n$dehydrated: $bdl-yellorange !default;\n$kumera: #81721b !default;\n$mad-max: #f39c12 !default;\n$ayers-rock: #e06e2b !default;\n$amaranth: $bdl-watermelon-red !default;\n$lavender-blush: #feeff2 !default;\n$carissma: #eb8b9c !default;\n$great-balls-of-fire: #ef4836 !default;\n$king-crimson: #c82341 !default;\n$bfive: #b5b5b5 !default;\n$dtwo: #d2d2d2 !default;\n$efive: #e5e5e5 !default;\n$ffive: #f5f5f5 !default;\n$fnine: #f9f9f9 !default;\n$seesee: #ccc !default;\n$haze: #fcfcfc !default;\n$off-white: $bdl-neutral-04 !default;\n$sf-fog: #bdc3c7 !default;\n$karl-fog: #fbfbfc !default;\n$silver-chalice: #afafaf !default;\n$storms-a-comin: #737f8b !default;\n$blue-steel: #2c3e50 !default;\n$better-black: #494949 !default;\n$downtown-grey: #999ea4 !default;\n$twos: $bdl-gray !default;\n$fours: #444 !default;\n$sevens: #777 !default;\n$eights: #888 !default;\n$nines: #999 !default;\n$eees: #eee !default;\n$tendemob-grey: #64686d !default;\n$sunset-grey: #464a4f !default;\n$seventy-sixers: $bdl-gray-62 !default;\n$approx-mischka-grey: #a3adb9 !default;\n$lightest-charcoal: #c4c4c4;\n$purple-rain: $bdl-purple-rain;\n\n// src/elements/common/_variables.scss SOLID COLORS\n$blue: #0061d5 !default;\n$light-blue: #e4f4ff !default;\n$grey-blue: #bed4de !default;\n$dark-cerulean: #1a5976 !default;\n$white: #fff !default;\n$black: #000 !default;\n$threes: #333 !default;\n$fivef: #f5f5f5 !default;\n$almost-white: #fcfcfc !default;\n$red: #c82341 !default;\n$see-see: #ccc !default;\n$grey: #bdc3c7 !default;\n\n// src/elements/common/_variables.scss TRANSPARENT COLORS\n$transparent-black: rgba($threes, .04) !default;\n$lightest-black: rgba($threes, .1) !default;\n$lighter-black: rgba($threes, .2) !default;\n$darker-black: rgba($threes, .4) !default;\n$lighter-white: rgba($white, .9) !default;\n$lighter-grey-blue: rgba($grey-blue, .4) !default;\n$lighter-light-blue: rgba($light-blue, .4) !default;\n","@import '../../../common/variables';\n\n.be-transcript {\n position: relative;\n\n .be-transcript-actions {\n position: absolute;\n top: -46px;\n right: 15px;\n }\n\n .btn-plain.be-transcript-edit,\n .btn-plain.be-transcript-copy,\n .btn-plain.be-transcript-expand {\n width: 24px;\n height: 24px;\n margin-left: 7px;\n padding-top: 1px;\n border-radius: $bdl-border-radius-size;\n\n &:hover svg path {\n fill: $bdl-gray;\n }\n\n &.be-transcript-is-editing {\n background-color: $bdl-gray-10;\n\n .icon-edit > .fill-color {\n fill: $bdl-gray-05;\n }\n }\n }\n\n .btn-plain.be-transcript-copy.be-transcript-copied {\n background-color: $bdl-gray-10;\n transition: background-color 1s;\n\n svg path {\n fill: $bdl-green-light;\n }\n }\n\n .be-transcript-edit-message {\n margin-bottom: 15px;\n color: $bdl-gray-65;\n }\n\n .be-transcript-content-collapsed {\n max-height: 400px;\n overflow: auto;\n }\n}\n","// Z-Indexes\n$modal-dialog-z-index: 160 !default;\n$menu-z-index: 170 !default;\n$submenu-z-index: 171 !default;\n$overlay-z-index: 190 !default;\n$tooltip-z-index: 190 !default;\n$notifications-wrapper-z-index: 200 !default;\n\n// Borders\n$bdl-border-radius-size: 4px;\n$bdl-border-radius-size-med: $bdl-border-radius-size * 1.5;\n$bdl-border-radius-size-large: $bdl-border-radius-size * 2;\n$bdl-border-radius-size-xlarge: $bdl-border-radius-size * 3;\n\n// Drop shadows\n$bdl-header-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);\n\n// Spacing\n$bdl-grid-unit: 4px !default;\n$bdl-grid-unit-px: 4 !default; // unitless grid unit (defined in pixels for manual multiplication in JS)\n\n// Headers\n$bdl-header-height: 64px;\n","// Box Design Language Colors\n// confirm with design before extending\n\n$white: #fff !default;\n$black: #000 !default;\n$countBadgeBackground: #e9163c !default;\n\n// Box/Primary Blues\n$bdl-box-blue: #0061d5 !default;\n$bdl-box-blue-80: #3381dd !default;\n$bdl-box-blue-50: #7fb0ea !default;\n$bdl-box-blue-40: #99c0ee !default;\n$bdl-box-blue-30: #b2cff2 !default;\n$bdl-box-blue-20: #ccdff7 !default;\n$bdl-box-blue-10: #e5effa !default;\n$bdl-box-blue-05: #f2f7fd !default;\n$bdl-box-blue-02: #fafcfe !default;\n\n// Box/Primary Grays\n$bdl-gray: #222 !default;\n$bdl-gray-80: #4e4e4e !default;\n$bdl-gray-65: #6f6f6f !default;\n$bdl-gray-50: #909090 !default;\n$bdl-gray-40: #a7a7a7 !default;\n$bdl-gray-30: #bcbcbc !default;\n$bdl-gray-20: #d3d3d3 !default;\n$bdl-gray-10: #e8e8e8 !default;\n$bdl-gray-05: #f4f4f4 !default;\n$bdl-gray-02: #fbfbfb !default;\n\n// Dark Blues\n$bdl-dark-blue: #003c84 !default;\n$bdl-dark-blue-50: #7f9dc1 !default;\n$bdl-dark-blue-20: #ccd8e6 !default;\n$bdl-dark-blue-10: #e5ebf2 !default;\n$bdl-dark-blue-05: #f2f5f9 !default;\n$bdl-dark-blue-02: #fafbfd !default;\n\n// Light Blues\n$bdl-light-blue: #2486fc !default;\n$bdl-light-blue-50: #91c2fd !default;\n$bdl-light-blue-20: #d3e7fe !default;\n$bdl-light-blue-10: #e9f2fe !default;\n$bdl-light-blue-05: #f4f9ff !default;\n$bdl-light-blue-02: #fbfdff !default;\n\n// Yelloranges\n$bdl-yellorange: #f5b31b !default;\n$bdl-yellorange-50: #fad98d !default;\n$bdl-yellorange-20: #fdf0d1 !default;\n$bdl-yellorange-10: #fef7e8 !default;\n$bdl-yellorange-05: #fefbf3 !default;\n$bdl-yellorange-02: #fffefb !default;\n\n// Yellows\n$bdl-yellow: #ffd700 !default;\n$bdl-yellow-50: #ffeb7f !default;\n$bdl-yellow-20: #fff7cc !default;\n$bdl-yellow-10: #fffbe5 !default;\n$bdl-yellow-05: #fffdf2 !default;\n$bdl-yellow-02: #fffefa !default;\n\n// Green Lights\n$bdl-green-light: #26c281 !default;\n$bdl-green-light-50: #92e0c0 !default;\n$bdl-green-light-20: #d4f3e6 !default;\n$bdl-green-light-10: #e9f8f2 !default;\n$bdl-green-light-05: #f4fcf8 !default;\n$bdl-green-light-02: #fbfefd !default;\n\n// Grimaces\n$bdl-grimace: #4826c2 !default;\n$bdl-grimace-50: #a392e0 !default;\n$bdl-grimace-20: #dad4f3 !default;\n$bdl-grimace-10: #ece9f8 !default;\n$bdl-grimace-05: #f6f4fc !default;\n$bdl-grimace-02: #fbfbfe !default;\n\n// Orange\n$bdl-orange: #f1811a !default;\n$bdl-orange-50: #f8c08c !default;\n$bdl-orange-20: #fce6d1 !default;\n$bdl-orange-10: #fdf2e8 !default;\n$bdl-orange-05: #fef8f3 !default;\n$bdl-orange-02: #fffdfb !default;\n\n// Purple Rains\n$bdl-purple-rain: #9f3fed !default;\n$bdl-purple-rain-50: #cf9ff6 !default;\n$bdl-purple-rain-20: #ecd9fb !default;\n$bdl-purple-rain-10: #f5ebfd !default;\n$bdl-purple-rain-05: #faf5fe !default;\n$bdl-purple-rain-02: #fdfbff !default;\n\n// Watermelon Reds\n$bdl-watermelon-red: #ed3757 !default;\n$bdl-watermelon-red-50: #f69bab !default;\n$bdl-watermelon-red-20: #fbd7dd !default;\n$bdl-watermelon-red-10: #fdebee !default;\n$bdl-watermelon-red-05: #fef5f6 !default;\n$bdl-watermelon-red-02: #fffbfc !default;\n","@import '../../styles/variables';\n\n.bdl-LabelPill {\n color: $bdl-gray;\n font-weight: bold;\n}\n\n.bdl-LabelPill--sizeRegular {\n padding: $bdl-grid-unit;\n font-size: 10px;\n line-height: 10px;\n border-radius: 10px;\n}\n\n.bdl-LabelPill--sizeLarge {\n padding: $bdl-grid-unit;\n font-size: $bdl-fontSize;\n line-height: $bdl-line-height;\n border-radius: $bdl-line-height;\n}\n\n.bdl-LabelPill--info,\n.bdl-LabelPill--default,\n.bdl-LabelPill--highlight {\n background-color: $bdl-gray-10;\n}\n\n.bdl-LabelPill--warning {\n background-color: $bdl-yellorange-50;\n}\n\n.bdl-LabelPill--error {\n background-color: $bdl-watermelon-red-50;\n}\n\n.bdl-LabelPill--success {\n background-color: $bdl-green-light-50;\n}\n\n.bdl-LabelPill--alert {\n background-color: $bdl-watermelon-red-50;\n}\n\n.bdl-LabelPill--ftux {\n background-color: $bdl-box-blue-20;\n}\n\n.bdl-LabelPill-iconContent {\n position: relative;\n top: 2px;\n\n path {\n fill: currentColor;\n }\n}\n\n.bdl-LabelPill--sizeLarge {\n .bdl-LabelPill-textContent {\n margin: 0 $bdl-grid-unit;\n }\n\n .bdl-LabelPill-iconContent {\n top: 1px;\n }\n}\n\n.bdl-LabelPill-textContent {\n margin: 0 $bdl-grid-unit;\n}\n","$bdl-line-height: 20px;\n\n// Font sizes\n$bdl-fontSize: 13px;\n$bdl-fontSize-minimum: 11px;\n$bdl-fontSize--dejaBlue: 14px;\n\n// \"--dejaBlue\" size will become default at some point\n// Migration Steps:\n// 1. New or restyled code should use --dejaBlue variable\n// 2. Find any hardcoded font sizes and change to use variables\n// 3. Once most components are DJB styled, change bdl-fontSize to 14px\n// 4. Fix any issues with components due to change of base variable\n// 5. Replace all references to $bdl-fontSize--dejaBlue with $bdl-fontSize and delete --dejaBlue\n","@import '../../styles/variables';\n@import './mixins';\n\n$badgeable-position-offset: 1px;\n$badgeable-icon-size: 14px;\n\n$badgeable-position: ($badgeable-icon-size * .5);\n\n%badge {\n position: absolute;\n pointer-events: all;\n}\n\n.badgeable-container {\n position: relative;\n display: inline-block;\n line-height: 1;\n\n .badges {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n @include Badgeable-topLeftBadge {\n @extend %badge;\n\n top: -$badgeable-position + $badgeable-position-offset;\n left: $badgeable-position + $badgeable-position-offset;\n transform: translateX(-100%);\n }\n\n @include Badgeable-topRightBadge {\n @extend %badge;\n\n top: -$badgeable-position + $badgeable-position-offset;\n left: calc(100% - #{$badgeable-position + $badgeable-position-offset});\n }\n\n @include Badgeable-bottomLeftBadge {\n @extend %badge;\n\n bottom: -$badgeable-position + $badgeable-position-offset;\n left: $badgeable-position + $badgeable-position-offset;\n transform: translateX(-100%);\n }\n\n @include Badgeable-bottomRightBadge {\n @extend %badge;\n\n bottom: -$badgeable-position + $badgeable-position-offset;\n left: calc(100% - #{$badgeable-position + $badgeable-position-offset});\n }\n}\n","@mixin Badgeable-topLeftBadge {\n .badges .top-left-badge {\n @content;\n }\n}\n\n@mixin Badgeable-topRightBadge {\n .badges .top-right-badge {\n @content;\n }\n}\n\n@mixin Badgeable-bottomLeftBadge {\n .badges .bottom-left-badge {\n @content;\n }\n}\n\n@mixin Badgeable-bottomRightBadge {\n .badges .bottom-right-badge {\n @content;\n }\n}\n","@import '../../styles/variables';\n@import '../badgeable/mixins';\n\n/**************************************\n * Avatars\n **************************************/\n\n.avatar {\n position: relative;\n display: inline-block;\n flex-grow: 0;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n user-select: none;\n\n %circle {\n @include bdl-transition($bdl-transitionDurationBase * 2, transform);\n\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n backface-visibility: hidden;\n }\n\n .avatar-icon,\n .avatar-image {\n @extend %circle;\n }\n\n .avatar-initials {\n @extend %circle;\n\n display: flex;\n align-items: center;\n justify-content: center;\n color: $white;\n font-weight: bold;\n line-height: 1;\n }\n\n &.avatar--isExternal {\n .bdl-Avatar-externalBadge {\n width: 14px;\n height: 14px;\n border-width: 1px;\n }\n\n @include Badgeable-bottomRightBadge {\n bottom: -4px;\n left: calc(100% - 10px);\n }\n }\n\n &.avatar--iconBadge {\n .bdl-Avatar-iconBadge {\n border-width: 2px;\n\n & > svg {\n width: 12px;\n height: 12px;\n }\n }\n\n @include Badgeable-bottomRightBadge {\n bottom: -4px;\n left: calc(100% - 10px);\n }\n }\n\n @for $i from 1 through length($avatar-colors) {\n .avatar-initials[data-bg-idx='#{$i - 1}'] {\n background-color: nth($avatar-colors, $i);\n }\n }\n\n &.avatar--small {\n width: 24px;\n height: 24px;\n\n .avatar-initials {\n font-size: 11px;\n }\n\n &.avatar--isExternal {\n .bdl-Avatar-externalBadge {\n width: 16px;\n height: 16px;\n border-width: 2px;\n }\n\n @include Badgeable-bottomRightBadge {\n bottom: -4px;\n left: calc(100% - 10px);\n }\n }\n\n &.avatar--iconBadge {\n line-height: 0; // .badgeable-container has `line-height: 1 which evaluates to 13px which is too much for small badge\n\n @include Badgeable-bottomRightBadge {\n bottom: -4px;\n left: calc(100% - 10px);\n }\n\n .bdl-Avatar-iconBadge > svg {\n width: 8px;\n height: 8px;\n }\n }\n }\n\n &.avatar--large {\n width: 44px;\n height: 44px;\n\n .avatar-initials {\n font-size: 14px;\n }\n\n &.avatar--iconBadge {\n @include Badgeable-bottomRightBadge {\n left: calc(100% - 14px);\n }\n\n .bdl-Avatar-iconBadge > svg {\n width: 16px;\n height: 16px;\n }\n }\n }\n}\n\n.bdl-Avatar-badge,\n.bdl-Avatar-externalBadge {\n background-color: $white;\n border-color: $white;\n border-style: solid;\n border-radius: 50%;\n}\n","@import '../constants/animation';\n\n@mixin bdl-transition($time-length, $properties...) {\n transition-timing-function: $bdl-timingFunction;\n transition-duration: $time-length;\n transition-property: $properties;\n}\n\n@mixin bdl-openComponentAnimation($time-length) {\n animation: fade-in $bdl-timingFunction $time-length;\n}\n\n@mixin bdl-loadingPulseAnimation($start-color, $end-color, $time-length) {\n // TODO: this will create duplicate @keyframes definitions upon each usage\n @keyframes loading-pulse {\n 0% {\n background-color: $start-color;\n }\n\n 100% {\n background-color: $end-color;\n }\n }\n\n animation: loading-pulse .5s ease-in-out infinite alternate, fade-in $time-length $bdl-timingFunction;\n}\n","$bdl-transitionDurationBase: .15s;\n$bdl-timingFunction: cubic-bezier(0, 0, .6, 1);\n","/**************************************\n * Round Pill\n **************************************/\n@import '../../styles/variables';\n@import './mixins';\n\n.bdl-RoundPill {\n @include bdl-RoundPill();\n}\n\n.bdl-RoundPill-avatar,\n.bdl-RoundPill-closeBtn {\n path {\n fill: $bdl-gray-50;\n }\n}\n\n.bdl-RoundPill-text {\n flex-grow: 1;\n flex-shrink: 1;\n margin: 0 $bdl-grid-unit * 2 !important;\n padding-top: 1px; // offset for aligning \"average\" string that doesn't have descender chars\n overflow: hidden;\n line-height: $bdl-fontSize + $bdl-grid-unit; // for vertical centering using flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.bdl-RoundPill-closeBtn {\n position: unset;\n top: unset;\n flex-grow: 0;\n flex-shrink: 0;\n height: 12px;\n margin-right: $bdl-grid-unit * 2;\n cursor: pointer;\n}\n\n.bdl-RoundPill--warning {\n @include bdl-RoundPill($background-color: $bdl-yellorange-10, $border-color: $bdl-yellorange-50, $selected-background-color: $bdl-yellorange-20, $selected-border-color: $bdl-yellorange);\n}\n\n.bdl-RoundPill--error {\n @include bdl-RoundPill($background-color: $bdl-watermelon-red-10, $border-color: $bdl-watermelon-red-50, $selected-background-color: $bdl-watermelon-red-20, $selected-border-color: $bdl-watermelon-red);\n}\n\n.bdl-RoundPill--disabled {\n opacity: .5;\n\n .bdl-RoundPill-closeBtn {\n cursor: default;\n }\n}\n","@import '../../styles/variables';\n\n@mixin bdl-RoundPill($background-color: $bdl-gray-10, $border-color: $bdl-gray-10, $selected-background-color: $bdl-gray-20, $selected-border-color: $white) {\n display: flex;\n align-items: center;\n max-width: 100%;\n height: 28px;\n margin: $bdl-grid-unit - 1px $bdl-grid-unit * .5;\n padding-top: 2px;\n padding-left: 2px;\n overflow: hidden;\n font-weight: normal;\n line-height: $bdl-line-height + $bdl-grid-unit;\n white-space: nowrap;\n text-overflow: ellipsis;\n background-color: $background-color;\n border: 1px solid $border-color;\n border-radius: 14px;\n\n .bdl-Avatar-externalBadge {\n border-color: $background-color;\n }\n\n &.bdl-RoundPill--selected {\n font-weight: bold;\n background-color: $selected-background-color;\n border: 1px solid $selected-border-color;\n\n .bdl-Avatar-externalBadge {\n border-color: $selected-background-color;\n }\n }\n}\n","@import '../../styles/variables';\n\n.pill-selector-suggested {\n display: flex;\n flex-flow: wrap;\n align-items: center;\n width: 100%;\n margin-top: 1rem;\n color: $bdl-gray-50;\n\n > span {\n margin-left: 3px;\n }\n\n .suggested-pill-invisible-button {\n padding: 0;\n }\n\n .suggested-pill {\n margin: 0 3px;\n padding: 0;\n color: $bdl-gray-50;\n text-decoration: underline;\n transition: 100ms ease;\n }\n\n .suggested-pill:hover {\n cursor: pointer;\n }\n\n .suggested-pill span {\n padding: 0 3px;\n }\n\n .invisible-button:hover .suggested-pill {\n color: $bdl-gray-80;\n }\n}\n","@import '../../../common/variables';\n\n.be-keywords {\n .be-keywords-buttons {\n margin: 7px -5px 0 0;\n text-align: right;\n\n .btn {\n margin: 0 0 0 5px;\n }\n }\n\n .bdl-EditableKeywords {\n margin: 0;\n\n .bdl-PillSelector {\n width: 100%;\n margin: 0;\n\n input[type='text'].bdl-PillSelector-input {\n min-width: 97%;\n height: 24px;\n margin: 2px 0 0 2px;\n padding: 0;\n border: 1px solid $almost-white;\n box-shadow: none;\n }\n }\n }\n}\n","@import '../../../common/variables';\n\n.be .btn-plain.be-timeline-time {\n position: absolute;\n height: 6px;\n background-color: $blue;\n border-radius: $bdl-border-radius-size-med;\n cursor: pointer;\n opacity: .6;\n\n &:focus,\n &:active,\n &:hover {\n opacity: 1;\n }\n}\n","@import '../../../common/variables';\n\n.be-timeline {\n display: flex;\n flex-direction: column;\n margin: 15px 0 0;\n color: $bdl-gray-65;\n font-size: 12px;\n\n &:last-child {\n padding-bottom: 5px;\n }\n\n .be-timeline-label {\n padding-bottom: 6px;\n }\n\n .be-timeline-line-wrapper {\n position: relative;\n flex: 1;\n height: 6px;\n }\n\n .be-timeline-line {\n position: absolute;\n width: 290px; // match with timeslice.js\n height: 6px;\n background-color: $blue;\n border-radius: $bdl-border-radius-size-med;\n opacity: .25;\n }\n\n .be-timeline-btns {\n margin-top: 10px;\n\n button:last-child {\n margin-left: 10px;\n }\n\n .btn-plain:hover svg path {\n fill: $bdl-gray;\n }\n }\n}\n","@import '../../../common/variables';\n\n.be-keywords {\n .bdl-PillCloud,\n .pill-cloud-container {\n padding: 0;\n overflow: hidden;\n border: 0 none;\n\n .btn.pill.pill-cloud-button {\n margin: 0 5px 5px 0;\n color: inherit;\n border: 1px solid $bdl-gray-20;\n\n &:hover,\n &.is-selected {\n color: $white;\n background-color: $blue;\n border-color: $blue;\n }\n }\n }\n}\n","@import '../../../common/variables';\n\n.be-keywords {\n position: relative;\n\n .btn-plain.be-keyword-edit {\n position: absolute;\n top: -46px;\n right: 15px;\n width: 24px;\n height: 24px;\n padding-top: 1px;\n border-radius: $bdl-border-radius-size;\n\n &:hover svg path {\n fill: $bdl-gray;\n }\n\n &.be-keyword-is-editing {\n background-color: $bdl-gray-10;\n\n .icon-edit > .fill-color {\n fill: $bdl-gray-05;\n }\n }\n }\n}\n","@import '../../../common/variables';\n\n.be-faces {\n .be-face-wrapper {\n position: relative; // For delete and minus icons\n display: inline-block;\n margin: 0 10px 10px 0;\n }\n\n .btn-plain.be-face {\n overflow: hidden;\n border-radius: 100%;\n\n img {\n @include bdl-transition($bdl-transitionDurationBase * 2, transform);\n\n width: 45px;\n height: 45px;\n object-fit: cover;\n vertical-align: middle;\n filter: brightness(1.5);\n }\n\n .icon-minus {\n position: absolute;\n top: 16px;\n left: 16px;\n display: none;\n }\n\n &:hover {\n img {\n transform: scale(1.3);\n }\n\n .icon-minus {\n display: initial;\n }\n }\n }\n\n .be-face-unselected .btn-plain.be-face img {\n opacity: .4;\n filter: none;\n }\n\n .btn-plain.be-face-delete {\n position: absolute;\n top: -3px;\n right: -5px;\n height: 18px;\n padding: 0;\n background-color: white;\n border: 1px solid $bdl-gray-50;\n border-radius: 100%;\n box-shadow: 0 0 2px 0 $darker-black;\n }\n\n &.be-faces-is-editing {\n .btn-plain.be-face:hover img {\n transform: none;\n cursor: default;\n }\n }\n}\n","@import '../../../common/variables';\n\n.be-faces {\n position: relative; // For section title icons\n\n .inline-alert {\n margin: 0 0 20px;\n }\n\n .btn-plain.be-face-edit {\n position: absolute;\n top: -46px;\n right: 15px;\n width: 24px;\n height: 24px;\n padding-top: 1px;\n border-radius: $bdl-border-radius-size;\n\n &:hover svg path {\n fill: $bdl-gray;\n }\n\n &.be-faces-is-editing {\n background-color: $bdl-gray-10;\n\n .icon-edit > .fill-color {\n fill: $bdl-gray-05;\n }\n }\n }\n\n .be-faces-buttons {\n margin-right: -5px;\n padding-top: 7px;\n text-align: right;\n }\n}\n","@import '../common/variables';\n\n.bcs-skills {\n .bcs-scroll-content {\n padding-top: 15px;\n }\n}\n"],"names":[],"sourceRoot":""}